小程序终端是迅瑞CMS多终端概念的展示方式。开发者需要具备的基本条件
1.具备基本的applet知识和html知识(必填);
2.了解简单的逻辑判断和循环知识(可选);
3.最好了解一些SQL语句的知识(可选);
4.了解一些PHP代码,编写更个性化的api接口(可选);
5.能够熟练操作迅锐CMS系统。
小程序环境必须使用官方的小程序开发工具。例如 小程序软件定制 ,微信小程序和百度小程序必须使用自己的开发者工具。我们以微信小程序为例小程序开发系统小程序开发系统,下载微信开发者工具:
所需插件:
1、你需要在cms后台安装这个API插件 小程序软件开发 ,然后创建一个key供小程序请求
那么请求地址格式为:
网站地址/index.php?appid=2&appsecret=PHPCMF9BF840CB2139F&v=1&
这个地址需要记住,是小程序的请求前缀地址,可以参考教科书:
2、在【微信开发者工具】中创建小程序项目
3、创建后系统会生成一些默认文件
4、在app.js中定义全局调用的api请求变量
app.js 这个文件是小程序项目的主文件。我们在这个文件中定义api请求地址参数,供后续全局调用
globalData: { userInfo: null, http_api:"http://www.pcms.com/index.php?appid=2&appsecret=PHPCMF9BF840CB2139F&", }
http_api是我们例子中定义的网站url,你可以在本地测试url
5、在 index.js 中读取 cms 数据
pages/index.js 这个文件是小程序的入口文件
我们从cms文章模块请求10条数据
var self = this; wx.request({ url: app.globalData.http_api + "s=news&c=search&pagesize=10&api_call_function=module_search_news_list", method: 'GET', success: function (res) { console.log(res); if (res.data.code == 1) { self.setData({ mynews: res.data.data, }); } else { console.log(res.data.msg); } } });
如果适合开发,可以先在浏览器中访问请求url,看看数据是否正常返回
6、当前从 index.wxml 中的 cms 请求的数据
{{news.title}} {{motto}}
7、编译预览小程序左侧图片中的数据已成功读出CMS后台的文章标题
如果有数据读不出来,可以在开发工具右上角小程序开发系统,开启【不验证合法域名,不验证HTTPS认证】
本站声明: 本文章内容来源于互联网,文章内容仅供用户参考。本公司不能完全保证文章内容的准备性、时效性。如果因本文章对用户造成了任何损失或者损害,本公司将不会承担任何法律责任。如果涉及到版权问题,请提交到wikins@nbyuyuan.com