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

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

前言

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

1、購買服務(wù)器，用來運行后臺及接口程序；

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

3、購買 SSL 證書，小程序強制需要 https 的地址，傳統(tǒng)無證書不加密的 http 請求微信不支持；

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

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

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

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

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

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

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

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

什么是“apifm-wxapi”

借用 “apifm-wxapi” 官方的介紹來回答一下這個問題：

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

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

大家有興趣的可以點擊進去具體了解一下，不過今天我們先來看看在實際小程序開發(fā)中， “apifm-wxapi”  能幫我們解決什么問題？

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

1、購買服務(wù)器，用來運行后臺及接口程序；

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

3、購買 SSL 證書，小程序強制需要 https 的地址，傳統(tǒng)無證書不加密的 http 請求微信不支持；

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

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

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

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

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

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

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

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

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

如果你的小程序項目還不支持 npm ，怎么辦呢？ 很簡單，只要在根目錄運行  npm init 命令就可以了；

具體操作，可以點擊看這篇文章

接下來，我們來開始安裝：

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

在終端輸入命令進入你的小程序根目錄：

cd /Users/gooking/WeChatProjects/helloworld

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

npm install apifm-wxapi

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

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

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

如何使用 “apifm-wxapi” ？

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

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

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

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

因為微信小程序?qū)τ赼pi接口請求需要做域名白名單設(shè)置，也就是說，接口請求域名必須要在你的小程序后臺的安全設(shè)置里面加入白名單后才能調(diào)試；

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

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

接下來，我們就可以開工了

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

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

WXAPI.province().then(res => {
 console.log('請在控制臺看打印出來的數(shù)據(jù)：', res)
})

兩步搞定！ 運行你的小程序，這就是見證奇跡的時刻！來看幾張截圖：

小程序代碼

運行結(jié)果

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

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

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

廣告

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