前言

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

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

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

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

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

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

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

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

前端工程師根據(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)買(mǎi)服務(wù)器，用來(lái)運(yùn)行后臺(tái)及接口程序；

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

3. 購(gòu)買(mǎi) 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)擊看這篇文章的 “初始化 npm 項(xiàng)目” 《創(chuàng)建 HelloWorld 項(xiàng)目》

接下來(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

如何使用 “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ù)

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

兩步搞定！ 運(yùn)行你的小程序，這就是見(jiàn)證奇跡的時(shí)刻！

來(lái)看幾張截圖：

關(guān)于更加詳細(xì)的參數(shù)使用，以及更加高級(jí)的進(jìn)階使用方法，可以參考api接口文檔說(shuō)明：

《api接口文檔》

修改 修改 二級(jí)域名 修改為自己的域名

還有需要注意的一個(gè)點(diǎn)就是！！！！
以引入輪播為例

js 文件中引入 “apifm-wxapi” 插件：

const WXAPI = require('apifm-wxapi') WXAPI.init('gooking')

WXAPI.init('gooking') 這句代碼是將你的小程序鏈接到你的后臺(tái)，其中 gooking 這個(gè)是你的專屬域名；
讀取輪播圖：

WXAPI.banners()

需要改成自己的域名！！！！

總結(jié)

以上是生活随笔為你收集整理的使用 apifm-wxapi 快速开发小程序的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。