天行数据的示例小程序开发步骤

时间:2017-04-28 19:18:11

小程序所有调用的数据全部来自天行数据(api.tianapi.com),主要使用了微信精选、美女图片、分类新闻、一站到底等接口,支持上拉刷新下拉加载、TAB滑动切换等功能。


一、小程序开发步骤:

1,登录 https://mp.weixin.qq.com 注册开发账号;已认证的企业微信公众号可直接后台创建注册。

2,在小程序后台下载《微信web开发者工具》

3,运行《微信web开发者工具》,扫码登录。

4,添加项目,填写小程序AppID、项目名称、选择小程序源码所在目录。

天行数据的示例小程序开发步骤

5,点击项目,进行小程序代码的编写开发。

6,点击开发者工具左侧导航的“编辑”,可以看到 app.js、app.json、app.wxss 三个核心文件。其中.js后缀的是脚本文件,.json后缀的文件是配置文件,.wxss后缀的是样式表文件。

7,详细的开发方法请参考小程序开发文档https://mp.weixin.qq.com/debug/wxadoc/dev/index.html


2、小程序中调用天行数据

1,在小程序后台-服务配置添加安全域名(https://api.tianapi.com),注意协议头必须是https。添加好以后可以在开发者工具-项目-配置信息中看到。

天行数据的示例小程序开发步骤

2,打开《微信web开发者工具》进入开发项目,点击点击开发者工具左侧导航的“编辑”

3,在pages目录下建立应用目录如tianapi

4,在tianapi.js编写实现功能的核心逻辑代码

天行数据的示例小程序开发步骤

5,在tianapi.wxml编写前台的表现层代码

5,在tianapi.wxml编写前台的表现层代码


具体的效果如下,还在审核中,暂时只有开发者可以打开体验。


天行数据的示例小程序开发步骤

天行数据的示例小程序开发步骤

具体的效果如下,还在审核中,暂时只有开发者可以打开体验。


天行数据的示例小程序开发步骤


具体的开发教程和示例源码,下次整理好后在发布出来。


本站所有文章均为小宇博客原创,转载请注明来源及出处!

作者:宇天行 (关于我

本文首发地址:https://www.huceo.com/post/461.html

或许您还会喜欢这些文章:

Tags: 作者:宇天行 | 分类:开发技术 | 评论:10 | 浏览:938

您对本文《天行数据的示例小程序开发步骤》有哪些看法?  ---  【期待您的评论】

您正在以游客身份发表评论:

必填

选填

选填

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

很专业,支持下
很专业,支持下!!!
郑州美容网2017-05-06 14:43:32回复评论
小程序一直都没有用过,改天可以试试
写的很专业!
男和可2017-05-05 09:15:42回复评论
好久没见!
好久没见!
教你吃水果2017-05-02 15:08:40回复评论
不好用啊 累赘
www.0371zzfk.com2017-04-30 22:44:01回复评论
第一次来到本博客,先踩一踩
苏格2017-04-28 21:11:22回复评论
哈哈,你也是好久没有更新了
宇天行2017-04-28 21:59:26回复评论
好久没见!

站内文章搜索

转播分享好友

网盟广告赞助