使用apifm-wxapi怎么開(kāi)發(fā)一個(gè)小程序-創(chuàng)新互聯(lián)

這期內(nèi)容當(dāng)中小編將會(huì)給大家?guī)?lái)有關(guān)使用apifm-wxapi怎么開(kāi)發(fā)一個(gè)小程序，文章內(nèi)容豐富且以專業(yè)的角度為大家分析和敘述，閱讀完這篇文章希望大家可以有所收獲。

創(chuàng)新互聯(lián)建站成都網(wǎng)站建設(shè)按需開(kāi)發(fā)網(wǎng)站，是成都網(wǎng)站制作公司,為成都OPP膠袋提供網(wǎng)站建設(shè)服務(wù),有成熟的網(wǎng)站定制合作流程，提供網(wǎng)站定制設(shè)計(jì)服務(wù)：原型圖制作、網(wǎng)站創(chuàng)意設(shè)計(jì)、前端HTML5制作、后臺(tái)程序開(kāi)發(fā)等。成都網(wǎng)站設(shè)計(jì)熱線：13518219792

前言

我們要開(kāi)發(fā)小程序，基本上都要涉及到以下幾個(gè)方面的工作：

1、購(gòu)買服務(wù)器，用來(lái)運(yùn)行后臺(tái)及接口程序；

2、購(gòu)買域名，小程序中需要通過(guò)域名來(lái)調(diào)用服務(wù)器的數(shù)據(jù)；

3、購(gòu)買 SSL 證書(shū)，小程序強(qiáng)制需要 https 的地址，傳統(tǒng)無(wú)證書(shū)不加密的 http 請(qǐng)求微信不支持；

4、后臺(tái)程序員開(kāi)發(fā)后臺(tái)程序，這樣才能登錄后臺(tái)進(jìn)行商品管理、訂單維護(hù)、資金財(cái)務(wù)管理等等；

5、后臺(tái)程序員開(kāi)發(fā)小程序可用的 restfull api 接口或者是 websocket 接口；

6、開(kāi)發(fā)的后臺(tái)及接口程序的安全性、功能性、穩(wěn)定性測(cè)試，bug調(diào)試完畢；

7、UI 設(shè)計(jì)師設(shè)計(jì)精美的小程序界面；

8、前端工程師根據(jù) UI 設(shè)計(jì)稿進(jìn)行小程序開(kāi)發(fā)、同時(shí)對(duì)接 api 接口完成最終小程序的開(kāi)發(fā)；

所謂麻雀雖小五臟俱全，想想要開(kāi)發(fā)一款負(fù)責(zé)任、運(yùn)行穩(wěn)定、數(shù)據(jù)安全有交代的小程序，也沒(méi)有想象的那么容易吧？

或許許多人看到這里，已經(jīng)倒吸了一口冷氣了吧？  這。。。 太麻煩了吧？！有沒(méi)有什么捷徑可以走？！

回答是肯定的，那就是你可以在小程序中集成 “apifm-wxapi” 模塊，實(shí)現(xiàn)快速開(kāi)發(fā)......

什么是“apifm-wxapi”

借用 “apifm-wxapi” 官方的介紹來(lái)回答一下這個(gè)問(wèn)題：

微信小程序云開(kāi)發(fā)工具包，借此工具包，你將無(wú)需投入服務(wù)器、無(wú)需接口編程、無(wú)需開(kāi)發(fā)后臺(tái)，將傳統(tǒng)開(kāi)發(fā)小程序效率提升百倍

“apifm-wxapi”  的 github 地址是：  https://github.com/gooking/apifm-wxapi

大家有興趣的可以點(diǎn)擊進(jìn)去具體了解一下，不過(guò)今天我們先來(lái)看看在實(shí)際小程序開(kāi)發(fā)中， “apifm-wxapi”  能幫我們解決什么問(wèn)題？

回顧上面介紹的開(kāi)發(fā)小程序的 8 個(gè)步驟，如果我們使用  “apifm-wxapi” ，那么我們只需要做：

1、購(gòu)買服務(wù)器，用來(lái)運(yùn)行后臺(tái)及接口程序；

2、購(gòu)買域名，小程序中需要通過(guò)域名來(lái)調(diào)用服務(wù)器的數(shù)據(jù)；

3、購(gòu)買 SSL 證書(shū)，小程序強(qiáng)制需要 https 的地址，傳統(tǒng)無(wú)證書(shū)不加密的 http 請(qǐng)求微信不支持；

4、后臺(tái)程序員開(kāi)發(fā)后臺(tái)程序，這樣才能登錄后臺(tái)進(jìn)行商品管理、訂單維護(hù)、資金財(cái)務(wù)管理等等；

5、后臺(tái)程序員開(kāi)發(fā)小程序可用的 restfull api 接口或者是 websocket 接口；

6、開(kāi)發(fā)的后臺(tái)及接口程序的安全性、功能性、穩(wěn)定性測(cè)試，bug調(diào)試完畢；

7、UI 設(shè)計(jì)師設(shè)計(jì)精美的小程序界面；

8、前端工程師根據(jù) UI 設(shè)計(jì)稿進(jìn)行小程序開(kāi)發(fā)、同時(shí)對(duì)接 api 接口完成最終小程序的開(kāi)發(fā)；

我們只需要做 7 + 8 就可以了！

怎么樣？ 是不是特別的方便？ 信不信跟著我走一朝，你不服都不行！

現(xiàn)有小程序項(xiàng)目如何安裝 “apifm-wxapi”  模塊

首先你需要檢查一下你的小程序項(xiàng)目是否支持 npm ，判斷標(biāo)準(zhǔn)很簡(jiǎn)單，你看一下你的小程序根目錄下有沒(méi)有 “package.json” 這個(gè)文件，有這個(gè)文件，說(shuō)明是支持的，沒(méi)有這個(gè)文件，說(shuō)明還不支持；

如果你的小程序項(xiàng)目還不支持 npm ，怎么辦呢？ 很簡(jiǎn)單，只要在根目錄運(yùn)行  npm init 命令就可以了；

具體操作，可以點(diǎn)擊看這篇文章

接下來(lái)，我們來(lái)開(kāi)始安裝：

第一步： npm 安裝模塊打開(kāi)你的終端 （Windows 系統(tǒng)為那個(gè) 黑乎乎的 DOS 窗口， mac 系統(tǒng)大家都懂什么叫終端啦~ ）

在終端輸入命令進(jìn)入你的小程序根目錄：

cd /Users/gooking/WeChatProjects/helloworld

注意：這里我的小程序根目錄路徑是 /Users/gooking/WeChatProjects/helloworld ，你需要根據(jù)你自己的實(shí)際情況操作

npm install apifm-wxapi

運(yùn)行完畢后，恭喜你！ 你已經(jīng)成功安裝  “apifm-wxapi”  插件

第二步：構(gòu)建 npm

點(diǎn)擊微信小程序開(kāi)發(fā)工具--> 工具 --> 構(gòu)建 npm

如何使用 “apifm-wxapi” ？

“apifm-wxapi” 的功能大概有幾百個(gè)，大家可以以后有空慢慢的去看，一個(gè)一個(gè)去嘗試，功能說(shuō)明文檔：

https://github.com/gooking/apifm-wxapi/blob/master/instructions.md

下面我來(lái)演示一個(gè)獲取所有省份的功能，你就能體會(huì)到 “apifm-wxapi”  的魅力，掌握使用它將是多么有趣的一件事情：

先做一個(gè)小小的設(shè)置：

因?yàn)槲⑿判〕绦驅(qū)τ赼pi接口請(qǐng)求需要做域名白名單設(shè)置，也就是說(shuō)，接口請(qǐng)求域名必須要在你的小程序后臺(tái)的安全設(shè)置里面加入白名單后才能調(diào)試；

為了我們測(cè)試方便，我們可以在開(kāi)發(fā)工具上稍微設(shè)置一下，讓開(kāi)發(fā)工具暫時(shí)不做域名校驗(yàn)，會(huì)提高我們開(kāi)發(fā)和調(diào)試的效率；

當(dāng)然，正式上線之前，你還是需要把接口域名加入到你的小程序后臺(tái)設(shè)置中（否則正式發(fā)布后，域名被攔截，用戶都會(huì)看不到數(shù)據(jù)了~ 那就悲劇了......）

接下來(lái)，我們就可以開(kāi)工了

第一步： 在需要的頁(yè)面的 js 文件頭部引入  “apifm-wxapi” const WXAPI = require('apifm-wxapi')

第二步：直接調(diào)用 “apifm-wxapi” 提供的方法直接取數(shù)據(jù)你根本不用關(guān)心數(shù)據(jù)哪里來(lái)，要什么數(shù)據(jù)，直接拿就OK！

WXAPI.province().then(res => {
 console.log('請(qǐng)?jiān)诳刂婆_(tái)看打印出來(lái)的數(shù)據(jù)：', res)
})

兩步搞定！ 運(yùn)行你的小程序，這就是見(jiàn)證奇跡的時(shí)刻！來(lái)看幾張截圖：

小程序代碼

運(yùn)行結(jié)果

上述就是小編為大家分享的使用apifm-wxapi怎么開(kāi)發(fā)一個(gè)小程序了，如果剛好有類似的疑惑，不妨參照上述分析進(jìn)行理解。如果想知道更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

網(wǎng)站名稱：使用apifm-wxapi怎么開(kāi)發(fā)一個(gè)小程序-創(chuàng)新互聯(lián)
URL標(biāo)題：http://muchs.cn/article12/egodc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站收錄、移動(dòng)網(wǎng)站建設(shè)、響應(yīng)式網(wǎng)站、建站公司、網(wǎng)站營(yíng)銷、定制開(kāi)發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)