天行博客

01

—

看完上面一段开头就明白，小程序的开发实际上就是web开发。传统的web开发是由后端程序生成对应内容的html给浏览器显示。小程序是由后端程序生成对应内容的json给微信解析。这里解释一下json，json是一种轻量级的数据交互格式，与html不同的地方在于，它的层次结构非常清晰简洁，易于理解和交互，通过JS对象的方式以json键值对的形式来表示数据，例如在json里是一个键值对{NiuLangGirl : "织女"}，NiuLangGirl是键，织女是值，所以他们是一对儿。后端程序通过寻找定位“NiuLangGirl ”来得到“织女”这个值。小程序基于JavaScript语言，后端程序返回的json数据通过JavaScript语法解析成为对象数据传递给视图层，在小程序中这一步操作逻辑写在index.js文件里。再由视图层文件index.wxml交互和反馈，最后由表现层文件index.wcss进行界面布局，一个完整的小程序开发过程就是如此。为了方便开发者与微信生态紧密相连，微信还提供了大量的原生API接口和组件，供开发者与微信进行数据交互。

具体指引详见https://developers.weixin.qq.com/miniprogram/dev/

怎么开发小程序

开发一个微信小程序，首先需要在微信公众平台中注册，获得一个小程序AppID账号，注册完成后登录小程序管理平台，在菜单 “设置”-“开发设置” 找到小程序的 AppID ，同样在后台下载小程序编译工具（微信开发者工具），新建项目，填入项目名称，本地小程序代码文件的目录路径和小程序AppID。

在开发者工具中打开项目，就可以既见既所得的实时编译和预览小程序的开发效果。上次的文章中发过具体的开发实例，可以点击图片下的文章链接，下载到自己的电脑桌面，按照上面的步骤添加到小程序项目，就可以本地编译预览了。如果你的某个应用已经有web版本，那么可以复用一些代码，将html文件结构里的div等，批量替换成小程序视图层文件index.wxml里面的view等对应标签。但要注意，小程序不能直接操作 DOM，也不能用 jQuery 之类熟悉的框架。

具体指引详见《《美女图集》微信小程序开发分享》

如何利用天行数据开发小程序

小程序发布以来，我在业余时间一共开发过两个小程序，一个是天行数据life，作为天行数据用户的工具，把天行数据的大部分功能设置搬到了移动端。另一个是延时光影，作为爱好，把平时拍的延时摄影作品放了上去，另外也支持用户在小程序里上传自己拍的延时摄影作品。

天行数据life的主界面，有个数据查询功能，可以查询一站到底、谜语、脑筋急转弯、歇后语等等娱乐数据，这个主要是是通过微信请求接口wx.request来请求天行数据一站到底等API来实现的。天行数据服务器收到对应请求后，就会返回一段json数据供小程序调用。由于天行数据life的开发源码忘记备份，一次系统重装中丢失。这里用延时光影用户页面的历史一句话功能来举例。

在微信小程序的逻辑层index.js编写如下代码，wx.request是微信小程序的请求接口，里面包含url，data等值，url里填写请求地址，例如历史一句话的请求地址是“http://api.tianapi.com/txapi/pitlishi/”。data里填写小程序应用传递给天行数据的数据，历史历史的一句话API需要传递key参数，值数据是由你在天行数据中注册获得APIKEY。

天行数据成功收到请求后，会返回以下数据给小程序，注意下返回的键值对与下图中调用关系。

success是数据请求成功的返回对象，setData是小程序把逻辑层的交互数据传递给视图层wxml的接口，setData最大可存放1024kb的数据供给视图层wxml调用。

在视图层wxml文件里以{{shiguang_content}}的方式展示接收并解析后的数据。

于是，如下图历史时光所示，在小程序里就可以看到了。天行数据life里的所有娱乐数据的演示请求方式和方法均是如此。具体的实例代码在以前的文章《《美女图集》微信小程序开发分享》中都有所演示。

（延时光影）

（天行数据life）

其中更加复杂的交互方式，都可以在小程序管理后台查询到对应的API。按照对应的提示和示例调用即可，即使你没有服务器和域名，只需要简单操作，就可以调用天行数据庞大的数据服务，包括二十多种新闻数据接口，几十种生活娱乐查询接口等。除了以上的调用方法外，你还需要在小程序后台添加天行数据的安全域名。小程序后台-点击设置-开发设置，在request合法域名里输入https://api.tianapi.com即可。