封装代码

下面是封装步骤（封装文件在文章最后提供下载，供大家参考）。

1、准备md5加密文件。

因为PbootCMS的签名参数signature是经过双层md5加密的，当然如果后台WebAPI没有开启强制认证的，这一步可以跳过。

2、封装一下API的请求方法。

1. 
   

2. //声明一个请求函数

3. function api_request(url, method, parm){

4.   var apiurl    = '******';  //域名 + api.php

5.   var appid     = '******';    //后台WebAPI中设置的API认证用户

6.   var appsecret = '******';    //后台WebAPI中设置的API认证密钥

7.   

8.   var timestamp = Date.parse(new Date());

9.       timestamp = timestamp / 1000;    //获取当前时间戳

10.      

11.   var signature = md5.hex_md5(md5.hex_md5(appid + appsecret + timestamp));    //构建signature

12. 
    

13.   var data = {    //因为搜索、留言和表单需要用到POST方法，要通过data传递参数，所以先声明data对象，方便后面添加

14.      appid: appid,

15.      timestamp: timestamp,

16.      signature: signature,

17.   };

18. 
    

19.   //根据请求方法构建Header

20.   if (method == 'POST') {

21.     //POST方法，设置请求头部

22.     var header = { 'Content-Type': 'application/x-www-form-urlencoded; charset=utf-8' };

23. 
    

24.     //添加POST参数到data

25.     for (var i in parm) {

26.        data[i] = parm[i];

27.     }

28.   } else {

29.     //GET方法，设置请求头部

30.     method = 'GET';

31.     var header = { 'Content-Type': 'application/json' };

32.   }

33.   //通过promise返回数据

34.   var promise = new Promise(function(resolve,reject){

35.     //小程序自带的wx.request请求

36.     wx.request({

37.       method: method,

38.       url: apiurl + url,

39.       header: header,

40.       data: data,

41.       //请求成功

42.       success: function(res){

43.         var api_data = res.data;

44.         if (api_data.code != 1 && api_data.code != 0){

45.           reject({ error: '数据请求失败，请稍后重试', code: 500 });

46.           return;

47.         } else {

48.           resolve(api_data);

49.         }

50.       } 

51.     })

52.   })

53.     //返回数据

54.   return promise;

55. 
    

56. }

57. 
    

3、封装API模块

1. 
   

2. //这里就比较简单了，就是构建api的url，然后传入到api_request这个请求函数，返回数据。

3. //下面是根据官方文档中的api封装的各个模块，有些没有实际测试检查，可能有手误什么的，大家自行调整即可。

4. 
   

5. //Api模块

6. module.exports = {

7. 
   

8.   //获取公司信息

9.   companyinfos: function(){

10.     var url = '/cms/company';

11.     return api_request(url);

12.   },

13. 
    

14.   //获取单个公司信息

15.   companyinfo: function(name){

16.     var url = '/cms/company/name/' + name;

17.     return api_request(url);

18.   },

19. 
    

20.   //获取网站信息

21.   siteinfos: function(){

22.     var url = '/cms/site';

23.     return api_request(url);

24.   },

25. 
    

26.   //获取单个网站信息

27.   siteinfo: function(name){

28.     var url = '/cms/site/name/' + name;

29.     return api_request(name);

30.   },

31. 
    

32.   //获取自定义标签

33.   get_labels: function(){

34.     var url = '/cms/label';

35.     return api_request(url);

36.   },

37. 
    

38.   //获取单个自定义标签

39.   get_label: function(){

40.     var url = '/cms/label/name/' + name;

41.     return api_request(url);

42.   },

43. 
    

44.   //获取幻灯片

45.   get_slide: function(gid,num){

46.     var url = '/cms/slide/gid/' + gid + '/num/' + num;

47.     return api_request(url);

48.   },

49. 
    

50.   //获取友情链接

51.   get_links: function(gid,num){

52.     var url = '/cms/link/gid/' + gid + '/num/' + num;

53.     return api_request(url);

54.   },

55. 
    

56.   //获取栏目列表

57.   get_navs: function(){

58.     var url = '/cms/nav';

59.     return api_request(url);

60.   },

61. 
    

62.   //获取指定栏目列表

63.   get_nav: function(scode){

64.     var url = '/cms/nav/scode/' + scode;

65.     return api_request(url);

66.   },

67. 
    

68.   //获取当前栏目

69.   get_current_cat: function(scode){

70.     var url = '/cms/sort/scode/' + scode;

71.     return api_request(url);

72.   },

73. 
    

74.   //获取内容列表

75.   get_list: function(scode,num,order){

76.     if( ( num != '' ) && !order ){

77.       var url = '/list/' + scode + '/num/' + num;

78.     } else if( !num && ( order != '' ) ){

79.       var url = '/list/' + scode + '/order/' + order;

80.     } else if ( (num != '') && (order != '') ){

81.       var url = '/list/' + scode + '/num/' + num + '/order/' + order;

82.     } else {

83.       var url = '/list/' + scode;

84.     }

85.     return api_request(url);

86.   },

87. 
    

88.   //获取内容列表第*页

89.   get_list_paged: function (scode, paged, num, order) {

90.     if ((num != '') && (order == '')) {

91.       var url = '/list/' + scode + '/num/' + num + '/page/' + paged;

92.     } else if ((num == '') && (order != '')) {

93.       var url = '/list/' + scode + '/order/' + order + '/page/' + paged;

94.     } else if ((num != '') && (order != '')) {

95.       var url = '/list/' + scode + '/num/' + num + '/order/' + order + '/page/' + paged;

96.     } else {

97.       var url = '/list/' + scode + '/page/' + paged;

98.     }

99.     return api_request(url);

100.   },

101. 
     

102.   //获取指定内容

103.   get_content: function(id){

104.     var url = '/content/' + id;

105.     return api_request(url);

106.   },

107. 
     

108.   //获取指定内容多图

109.   get_content_pics: function(id){

110.     var url = '/cms/pics/id/' + id;

111.     return api_request(url);

112.   },

113. 
     

114.   //获取搜索结果

115.   get_search_resault: function(parm,num,order){ 

116.     if ((num != '') && (order == '')) {

117.       var url = '/cms/search/' + 'num/' + num;

118.     } else if ((num == '') && (order != '')) {

119.       var url = '/cms/search/' + 'oder/' + order;

120.     } else if ((num != '') && (order != '')) {

121.       var url = '/cms/search/num/' + num + '/order/' + order;

122.     } else {

123.       var url = '/cms/search/';

124.     }

125.     return api_request(url, 'POST', parm);

126.   },

127. 
     

128.   //提交留言

129.   add_message: function(parm){

130.     var url = '/cms/addmsg';

131.     return api_request(url, 'POST', parm);

132.   },

133. 
     

134.   //获取留言内容

135.   get_message: function(num){

136.     var url = '/cms/msg/num/' + num;

137.     return api_request(url);

138.   },

139. 
     

140.   //获取留言内容第*页

141.   get_message_paged: function(num,paged){

142.     var url = '/cms/msg/num/' + num + '/page/' + paged;

143.     return api_request(url);

144.   },

145. 
     

146.   //提交表单

147.   add_form: function(fcode,parm){

148.     var url = '/cms/addform/fcode/' + fcode;

149.     return api_request(url, 'POST', parm);

150.   },

151. 
     

152.   //获取表单内容

153.   get_form: function(fcode){

154.     var url = '/cms/form/fcode/' + fcode;

155.     return api_request(url);

156.   },

157. 
     

158.   //获取表单内容第*页

159.   get_form_paged: function(fcode,num,paged){

160.     var url = '/cms/form/fcode/' + fcode + '/num/' + num + '/page/' + paged;

161.     return api_request(url);

162.   },

163. 
     

164. }

165. 
     

4、完成了，就这么简单。

下面说明一下调用的方法：

1、在需要调用数据的js页面引入api文件，例如首页的index.js

1. 
   

2. const api = require('../../utils/api.js');  //路径根据自己的实际情况调整

3. 
   

2、在生命周期函数--监听页面加载函数中使用api模块。

1. 
   

2. /**

3. * 生命周期函数--监听页面加载

4. */

5. onLoad: function (options) {

6.     

7.     var that = this;  //划重点，这句千万不要忘掉了。

8. 
   

9.     //api.模块函数.then...来调用，这里companyinfos()是调用公司信息

10.     api.companyinfos().then(function (rs) {

11.       //通过setData把获取到的数据赋值到页面初始数据的data对象,这样就可以在wxml中使用数据了。

12.       that.setData({

13.         companyinfos: rs.data,

14.       })

15.       //把获取的数据输出到控制台看看，实际使用的时候删除掉下面这行

16.       console.log(rs.data);

17.     })

18.     

19.   },

20. 
    

3、控制台截图，可以看到公司信息的数据获取成功，接下来就是绑定数据到页面的事情了。

4、POST请求的使用方法。同样在生命周期函数--监听页面加载函数中使用api模块。

1. 
   

2. //首先声明一个对象，用来存储需要通过POST传递过去的参数。比如搜索的keyword,scode，留言的字段等。

3. 
   

4. //这里演示的是搜索模块，声明对象，POST搜索的关键词和指定分类。

5. var search_obj = {

6.     'keyword': '模板',

7.     'scode': '3,5',

8. };

9. 
   

10. //get_search_resault需要传入 搜索对象（也就是刚才声明的），返回条数，排序方式。

11. //这里演示需要获取的是分类3和5中的，关键词是模板的5条信息。

12. api.get_search_resault(search_obj, 5, 'id').then(function (rs) { 

13.     that.setData({

14.       search: rs.data,

15.     })

16.     console.log(rs.data);

17. })

18. 
    

5、看看控制台的截图。

可以看到，已经获取到分类3和分类5中的，关键词是“模板”，并且按照id进行排序的前5条数据了。

以上压缩包链接: https://pan.baidu.com/s/1AKv40JxvY-H1N-GzZSFZfw 提取码: vm3w