該文需要一定的編程基礎(chǔ)，后端采用ThinkPHP架構(gòu)。

第一步：微信web開發(fā)者工具參數(shù)配置

開發(fā)階段可以選上不校驗合法域名 ，這樣可以很方便的搭環(huán)境和調(diào)試。 到部署階段就要搭https環(huán)境和配置合法域名了。

第二步，增加后端測試代碼

??? public function show_index_msglist(){

????????$a = array(

????????????array("url"=>"f","title"=>"3多地首套房貸利率上浮 熱點城"),

????????????array("url"=>"f","title"=>"41交了20多年的國內(nèi)漫游費將"),

????????????array("url"=>"f","title"=>"5a北大教工合唱團(tuán)出國演出遇")

????????);

????????$this->ajaxReturn(1,"success",$a);
??? }

第三步，服務(wù)器后端網(wǎng)址

修改項目目錄的app.js ，添加變量定義，增加serverUrl變量，這樣就可以全局引用了

var appConfig = {
???? globalData: globalData,
? ?? serverUrl: 'http://www.example.com/', //改成你自己的域名
}
App(appConfig)

第四步，小程序端調(diào)用

Page({

// 頁面的初始數(shù)據(jù)

data: {

?? msgList:[],

}

onLoad: function(options) {

????var that = this;??//獲取全局this

//從后端加載數(shù)據(jù)

????wx.request({

????????????????url: app.serverUrl + "index.php?m=Wxml&c=index&a=show_index_msglist",

????????????????headers: {

????????????????????????'Content-Type': 'application/json'

????????????????},

success: function (res) {

?? ??? ?that.setData({

?? ??? ??? ?msgList: res.data.data

?? ??? ?})

}

?? ?});

});

注意要加在onLoad方法中，這樣就可以在頁面初始化時加載數(shù)據(jù)

第五步，前端wxml中調(diào)用