ホームページ  >  記事  >  WeChat アプレット  >  ミニプログラム開発と呼び出しインターフェイスに関するサンプルチュートリアルを共有する

ミニプログラム開発と呼び出しインターフェイスに関するサンプルチュートリアルを共有する

零下一度
零下一度オリジナル
2017-05-27 14:22:584690ブラウズ

ここに WeChat アプレットを説明するための簡単な例があります インターフェイス 呼び出し:

最初に効果を見てみましょう:
ミニプログラム開発と呼び出しインターフェイスに関するサンプルチュートリアルを共有する
ミニプログラム開発と呼び出しインターフェイスに関するサンプルチュートリアルを共有する

これはアプレットの実際の外観であり、エクスペリエンスはネイティブ APP にいくらか似ています。 。


JSONデータ構成:

{
  "navigationBarBackgroundColor": "#ffffff",
  "navigationBarTextStyle": "black",
  "navigationBarTitleText": "萌店商品详情",
  "backgroundColor": "#eeeeee",
  "backgroundTextStyle": "light"}

JSコード:

 wx.request({
                url: 'http://m.vd.cn/api/tuan/TuanGuide_api', //仅为示例,并非真实的接口地址
                data: {
                    code:"oneyuan"  
                },
                method: "POST",
                header: {                    "Content-Type": "application/x-www-form-urlencoded"  //post
                },
                complete: function( res ) {
                    that.setData( {
                        oneyuandata: res.data.data
                    });                    if( res == null || res.data == null ) {
                        reject(new Error('网络请求失败'))
                    }
                },
                success: function(res) {
                    if(res.data.code ==0){
                        resolve(res)

                    }
                }
            })

ここではJSについて簡単に説明しますが、WCSSとWXMLのコードは含まれません。


url:这个是要请求的接口地址
data:一个入参
method:请求方式,如果是POST请求必须按上面写,默认是get请求,不用处理。
complete:页面请求完成后的方法,通过that.setData将数据传递给WXML页面。
success:页面加载成功后的执行方法。

【関連する推奨事項】

1. httpリクエストを通じてカスタムメニューを追加するには?

2. ミニプログラムの赤い封筒インターフェース開発サンプルコード

3. ミニプログラム開発の簡単なサンプルコード

以上がミニプログラム開発と呼び出しインターフェイスに関するサンプルチュートリアルを共有するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。