小程式開發的簡單實例程式碼

最近在開發一款微信小程式的應用，我也是從零開始，在開發過程中遇到需要注意的地方做一個整理。

this作用域

這個在調試的時候可能會因為定義而不報錯，從而調試起來很麻煩，所以要特別注意

onLoad: function () {
        var that = this
        wx.request({
            url: 'https://域名/AppService/UserHandler.ashx', 
            data: {
                
            },
            method: 'GET',
            header: {
                'Content-Type': 'application/json'
            },
            success: function (res) {
                that.setData({
                    
                })
            },
            fail: function (res) {

            }
        })
    }

非同步

request是非同步請求，所以同級函數，一個請求，一個取得請求的回傳值是取得不到的，需要使用回呼函數

TLS版本

請求資料時，會提示一個TLS版本不能高於1.0，在專案中把“開發環境不校驗請求網域名稱以及TLS版本」勾選上

https

小程式只支援綁定網域的https，並在小程式管理介面的request進行設定

全域變數

->定義

//app.js
App({
  onLaunch: function () {

  },
  globalData: {
    userInfo: null
  }
})

->賦值

//index.js
//获取应用实例
var app = getApp()
Page({
  data: {
    userInfo: {}
  }
})

->取得使用

//user.js
//获取应用实例
var app = getApp()
Page({
    // 页面初始数据
    data: {
        userInfo: null
    },
    onLoad: function () {
        this.setData({
            userInfo: getApp().globalData.userInfo,
        })
    }
})

【相關推薦】

1. 微信小程式完整原始碼下載

2. 追格微信小程式應用商店原始碼

3. 微信小程式demo：陽淘

#

以上是小程式開發的簡單實例程式碼的詳細內容。更多資訊請關注PHP中文網其他相關文章！