详细说明使用apifm-wxapi快速开发小程序的过程
前言
我们想开发小程序,主要涉及以下几个方面:
1.购买运行后台和界面程序的服务器;
2.买域名,小程序需要通过域名调用服务器的数据;
3.购买SSL证书,小程序强制https的地址,没有证书和加密的传统http请求微信不支持;
4.后端程序员开发后端程序,让他们可以登录后台进行商品管理、订单维护、资金财务管理等等;
5.后台程序员开发小程序可用的restfull api接口或websocket接口;
6.测试开发的后台和界面程序的安全性、功能性和稳定性,调试bug
7.UI设计师设计精美的小程序界面;
8.前端工程师根据UI设计稿开发小程序,同时对接api接口,完成最终小程序的开发;
所谓麻雀虽小,五脏俱全,但要开发出一个负责任、运行稳定、对数据安全负责的小程序,并没有想象中那么容易。
可能很多人看到这里已经吞了一口冷气了吧?这个。是不是太麻烦了?有没有捷径?
答案是肯定的,就是可以在小程序中集成“apifm-wxapi”模块,实现快速开发.
什么是apifm-wxapi
用“apifm-wxapi”的官方介绍来回答这个问题:
微信小程序云开发套件,有了这个套件,你就不需要投资服务器、界面编程、开发后台,将传统开发小程序的效率提升100倍
“apifm-wxapi”的Github地址是:https://github.com/gooking/apifm-wxapi
如果你感兴趣,可以点击了解更多,不过今天我们来看看“apifm-wxapi”在实际小程序开发中能帮助我们解决哪些问题。
回顾上面介绍的开发小程序的八个步骤,如果我们使用“apifm-wxapi”,那么我们只需要做:
1.购买运行后台和界面程序的服务器;
2.买域名,小程序需要通过域名调用服务器的数据;
3.购买SSL证书,小程序强制https的地址,没有证书和加密的传统http请求微信不支持;
4.后端程序员开发后端程序,让他们可以登录后台进行商品管理、订单维护、资金财务管理等等;
5.后台程序员开发小程序可用的restfull api接口或websocket接口;
6.测试开发的后台和界面程序的安全性、功能性和稳定性,调试bug
7.UI设计师设计精美的小程序界面;
8.前端工程师根据UI设计稿开发小程序,同时对接api接口,完成最终小程序的开发;
我们只需要做7/8!
最近怎么样?是不是特别方便?信不信由你,跟着我一次,你不会接受的!
如何在现有的小程序项目中安装“apifm-wxapi”模块
首先,你需要检查你的小程序项目是否支持npm。判断标准很简单。检查小程序的根目录中是否有文件“package.json”。如果有这个文件,说明支持。如果没有这样的文件,说明还不支持。
如果你的小程序项目还不支持npm呢?很简单,只需在根目录下运行npm init命令;
对于具体操作,可以点击阅读本文
接下来,让我们开始安装:
第一步:npm安装模块打开你的终端(Windows系统就是那个黑暗的DOS窗口,大家都知道mac系统里的一个终端是什么~)
在终端输入命令,进入小程序根目录:
CD/user/gooking/微信项目/helloworld
注意:这里我的小程序的根目录路径是/users/missing/微信project/hello world。你需要根据自己的实际情况来操作
恭喜npm安装apifm-wxapi运行完毕!您已经成功安装了插件apifm-wxapi
步骤2:建立国家预防机制
点击微信小程序开发工具-工具-构建npm
如何使用apifm-wxapi?
“apifm-wxapi”有上百种功能。有时间可以去一个一个的试试。功能描述文档:
https://github.com/gooking/apifm-wxapi/blob/master/instructions . MD
让我演示一个获取所有省份的功能,你就能体会到“apifm-wxapi”的魅力,掌握使用它会有多有趣:
先做一个小设置:
因为微信小程序需要对api接口请求进行域名白名单设置,也就是说接口请求域名必须在你的小程序后台的安全设置中加入白名单后才能进行调试;
为了我们测试的方便,可以在开发工具上稍微设置一下,让开发工具暂时不做域名验证,这样会提高我们开发调试的效率;
当然,在正式上线之前,你还是需要将界面域名添加到你的小程序后台设置中(否则,正式上线后,域名会被拦截,用户看不到数据~那可就悲剧了.)
接下来,我们可以开始工作了
第一步:在所需页面的js文件头中引入“API FM-wxapi”const wxapi=require(' API FM-wxapi ')
第二步:直接调用apifm-wxapi提供的方法获取数据。你不需要关心数据来自哪里。如果你想要任何数据,就去找吧。
Wxapi .省份()。然后(RES={console.log('请看控制台上的打印数据:',res)})!运行你的小程序,这是见证奇迹的时刻!我们来看一些截图:
小程序代码
运行结果
以上就是本文的全部内容。希望对大家的学习有帮助,支持我们。
版权声明:详细说明使用apifm-wxapi快速开发小程序的过程是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。