作爲(wéi / wèi)一名熱愛挖坑的(de)程序猿，除了(le／liǎo)強攻專業外，也(yě)得跟跟大(dà)潮

下面整理了(le／liǎo)一下，熱門小程序的(de)接入開源接口的(de)配置步驟。。給初入門的(de)小白指指路

先大(dà)概說(shuō)一下流程：

1.以(yǐ)百思不(bù)得姐開源接口爲(wéi / wèi)例子(zǐ) 
2.注冊小程序開發者賬号 
3.找開源接口 
4.怎麽配置小程序的(de)域名 
5.請求數據 
下面上(shàng)圖(注冊就(jiù)跳過了(le／liǎo))

獲取Api

這(zhè)是(shì) 易源數據ShowApi 。其中的(de)開源接口平台之(zhī)一，這(zhè)些開源的(de)接口其實有很多平台的(de)，聚合數據應該是(shì)最早做開源接口的(de)，寫過天氣預報的(de)demo都應該知道(dào)吧。其它平台各種注冊和(hé / huò)創建應用的(de)流程都大(dà)同小異的(de)了(le／liǎo)，我們需要(yào / yāo)的(de)是(shì)最終返回 json

易源數據.png 
它的(de)一些接口的(de)參數如下，這(zhè)裏就(jiù)先鋪墊一下，稍微注意它參數分成了(le／liǎo)系統級和(hé / huò)應用級，待會我們就(jiù)要(yào / yāo)獲得系統别的(de)參數。心急的(de)小白可以(yǐ)點接口演示先看看json獲得一下成就(jiù)感再往下看

接口演示.png 
這(zhè)裏會埋下一個(gè)坑，因爲(wéi / wèi)即使我們不(bù)注冊它平台不(bù)創建應用，我們也(yě)能順利拿到(dào)需要(yào / yāo)的(de) json 數據了(le／liǎo)。但是(shì)...但是(shì)...但是(shì)當你嘗試傳分頁碼或傳其它參數的(de)時(shí)候，一些系統級别的(de)參數也(yě)會跟着變化的(de)。所以(yǐ)爲(wéi / wèi)了(le／liǎo)避免再走這(zhè)些莫名其妙的(de)坑，就(jiù)要(yào / yāo)知道(dào)什麽是(shì)系統級别的(de)參數

appid和(hé / huò)secret.png 
在(zài)這(zhè)裏，我們隻需要(yào / yāo)弄明白如何接接口，根據它描述我們隻需要(yào / yāo)搞懂 showapi_sign 和(hé / huò) showapi_appid 就(jiù)足夠了(le／liǎo)。其它三個(gè)參數是(shì)商業級的(de)，也(yě)就(jiù)是(shì)說(shuō)項目上(shàng)線讓訪問接口更安全的(de)一些配置參數，以(yǐ)及如何加密 appid 和(hé / huò) sign 的(de)算法才會用的(de)着。

注冊賬号創建應用吧，好了(le／liǎo)，有了(le／liǎo)appid 和(hé / huò) sign(secret查看密鑰) 了(le／liǎo)

創建應用.png 
好了(le／liǎo)，接口有了(le／liǎo)，參數有了(le／liǎo)，你可以(yǐ)把它拷貝出(chū)來(lái)，放在(zài)浏覽器拼接成完整的(de)鏈接訪問一下，如無意外應該就(jiù)會返回一大(dà)串的(de)json了(le／liǎo)

但是(shì)放在(zài)小程序就(jiù)會報錯，因爲(wéi / wèi)小程序需要(yào / yāo)在(zài)後台配置指定安全域名的(de)鏈接才能訪問的(de)(挺好的(de)，需要(yào / yāo)麻煩了(le／liǎo)點，替我們考慮了(le／liǎo)很多不(bù)必要(yào / yāo)的(de)麻煩)

小程序創建demo開始

顧及一下，怕小白沒耐心。我們從創建應用開始(不(bù)要(yào / yāo)問我用什麽開發軟件創建打開)，如果是(shì)空白内容新創建的(de)應用，會幫我們勾選 QuickStart 項目，裏面自動實現了(le／liǎo)一些生命周期方法

小程序創建應用.png

獲取AppID.png 
我們AppID就(jiù)填寫我們開發者平台在(zài)設置-開發設置的(de)那裏。拷貝過來(lái)即可，這(zhè)時(shí)候我們的(de)應用可訪問微信内置的(de)一些接口，如獲取用戶信息等。但是(shì)訪問我們自己的(de)接口時(shí)，就(jiù)報錯了(le／liǎo)。說(shuō)什麽 xxxx 不(bù)在(zài)以(yǐ)下 request 合法域名列表中，請參考文檔。那是(shì)因爲(wéi / wèi)小程序還沒配置服務器的(de)安全域名。上(shàng)圖的(de)下半部門，就(jiù)是(shì)配置服務器的(de)域名，再回頭看看剛才開源接口的(de)域名吧，你有沒有貼出(chū)來(lái)拼接訪問一下，前面的(de)那一段就(jiù)是(shì)域名 https://route.showapi.com。添加就(jiù)好，你自己是(shì)管理員吧？這(zhè)裏添加域名是(shì)要(yào / yāo)管理員掃碼的(de)，很安全的(de)感覺是(shì)吧，因爲(wéi / wèi)升級後小程序默認是(shì) https:// 協議的(de)。所以(yǐ)你隻需要(yào / yāo)填 route.showapi.com 就(jiù)好。下面就(jiù)回到(dào)我們的(de)編譯器，看看有沒有配置好。

在(zài)工具欄-選擇工具-項目詳情

項目域名配置信息.png 
看看域名信息有沒有出(chū)現剛才在(zài)後台配置的(de)。如果沒有，關閉項目重新打開一下，在(zài)查看，确保這(zhè)裏出(chū)現你的(de)合法域名才能訪問你的(de)接口。到(dào)目前爲(wéi / wèi)止，你已經可以(yǐ)訪問接口的(de)了(le／liǎo)，但爲(wéi / wèi)人(rén)服務到(dào)底吧，誰讓我是(shì)大(dà)處女座。

小程序編碼

小程序代碼.png 
全部删掉它方法裏面自動生成的(de)代碼先，然後在(zài) Page({data:{}}) 
創建等下請求完接口裝載json的(de)數據集，和(hé / huò)分頁碼。我這(zhè)裏沒有寫分頁加載的(de)邏輯哦，隻是(shì)告訴大(dà)家這(zhè)麽來(lái)定義分頁碼和(hé / huò)傳參，因爲(wéi / wèi)網上(shàng)的(de)一些demo都有它們自己的(de)分頁邏輯。然後在(zài)請求的(de)data裏面複制剛才在(zài)易源數據創建的(de)應用的(de) appid 和(hé / huò) sign 過來(lái)。然後運行一下，會看到(dào)控制台打印如下信息

數據請求成功.png 
希望解決了(le／liǎo)大(dà)家的(de)疑問。