作為一名熱愛(ài)挖坑的程序猿，除了強(qiáng)攻專(zhuān)業(yè)外，也得跟跟大潮

下面整理了一下，熱門(mén)小程序的接入開(kāi)源接口的配置步驟。。給初入門(mén)的小白指指路

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

1.以百思不得姐開(kāi)源接口為例子 
2.注冊(cè)小程序開(kāi)發(fā)者賬號(hào) 
3.找開(kāi)源接口 
4.怎么配置小程序的域名 
5.請(qǐng)求數(shù)據(jù) 
下面上圖(注冊(cè)就跳過(guò)了)

獲取Api

這是 易源數(shù)據(jù)ShowApi 。其中的開(kāi)源接口平臺(tái)之一，這些開(kāi)源的接口其實(shí)有很多平臺(tái)的，聚合數(shù)據(jù)應(yīng)該是最早做開(kāi)源接口的，寫(xiě)過(guò)天氣預(yù)報(bào)的demo都應(yīng)該知道吧。其它平臺(tái)各種注冊(cè)和創(chuàng)建應(yīng)用的流程都大同小異的了，我們需要的是最終返回 json

易源數(shù)據(jù).png 
它的一些接口的參數(shù)如下，這里就先鋪墊一下，稍微注意它參數(shù)分成了系統(tǒng)級(jí)和應(yīng)用級(jí)，待會(huì)我們就要獲得系統(tǒng)別的參數(shù)。心急的小白可以點(diǎn)接口演示先看看json獲得一下成就感再往下看

接口演示.png 
這里會(huì)埋下一個(gè)坑，因?yàn)榧词刮覀儾蛔?cè)它平臺(tái)不創(chuàng)建應(yīng)用，我們也能順利拿到需要的 json 數(shù)據(jù)了。但是...但是...但是當(dāng)你嘗試傳分頁(yè)碼或傳其它參數(shù)的時(shí)候，一些系統(tǒng)級(jí)別的參數(shù)也會(huì)跟著變化的。所以為了避免再走這些莫名其妙的坑，就要知道什么是系統(tǒng)級(jí)別的參數(shù)

appid和secret.png 
在這里，我們只需要弄明白如何接接口，根據(jù)它描述我們只需要搞懂 showapi_sign 和 showapi_appid 就足夠了。其它三個(gè)參數(shù)是商業(yè)級(jí)的，也就是說(shuō)項(xiàng)目上線讓訪問(wèn)接口更安全的一些配置參數(shù)，以及如何加密 appid 和 sign 的算法才會(huì)用的著。

注冊(cè)賬號(hào)創(chuàng)建應(yīng)用吧，好了，有了appid 和 sign(secret查看密鑰) 了

創(chuàng)建應(yīng)用.png 
好了，接口有了，參數(shù)有了，你可以把它拷貝出來(lái)，放在瀏覽器拼接成完整的鏈接訪問(wèn)一下，如無(wú)意外應(yīng)該就會(huì)返回一大串的json了

但是放在小程序就會(huì)報(bào)錯(cuò)，因?yàn)樾〕绦蛐枰诤笈_(tái)配置指定安全域名的鏈接才能訪問(wèn)的(挺好的，需要麻煩了點(diǎn)，替我們考慮了很多不必要的麻煩)

小程序創(chuàng)建demo開(kāi)始

顧及一下，怕小白沒(méi)耐心。我們從創(chuàng)建應(yīng)用開(kāi)始(不要問(wèn)我用什么開(kāi)發(fā)軟件創(chuàng)建打開(kāi))，如果是空白內(nèi)容新創(chuàng)建的應(yīng)用，會(huì)幫我們勾選 QuickStart 項(xiàng)目，里面自動(dòng)實(shí)現(xiàn)了一些生命周期方法

小程序創(chuàng)建應(yīng)用.png

獲取AppID.png 
我們AppID就填寫(xiě)我們開(kāi)發(fā)者平臺(tái)在設(shè)置-開(kāi)發(fā)設(shè)置的那里?？截愡^(guò)來(lái)即可，這時(shí)候我們的應(yīng)用可訪問(wèn)微信內(nèi)置的一些接口，如獲取用戶(hù)信息等。但是訪問(wèn)我們自己的接口時(shí)，就報(bào)錯(cuò)了。說(shuō)什么 xxxx 不在以下 request 合法域名列表中，請(qǐng)參考文檔。那是因?yàn)樾〕绦蜻€沒(méi)配置服務(wù)器的安全域名。上圖的下半部門(mén)，就是配置服務(wù)器的域名，再回頭看看剛才開(kāi)源接口的域名吧，你有沒(méi)有貼出來(lái)拼接訪問(wèn)一下，前面的那一段就是域名 https://route.showapi.com。添加就好，你自己是管理員吧？這里添加域名是要管理員掃碼的，很安全的感覺(jué)是吧，因?yàn)樯?jí)后小程序默認(rèn)是 https:// 協(xié)議的。所以你只需要填 route.showapi.com 就好。下面就回到我們的編譯器，看看有沒(méi)有配置好。

在工具欄-選擇工具-項(xiàng)目詳情

項(xiàng)目域名配置信息.png 
看看域名信息有沒(méi)有出現(xiàn)剛才在后臺(tái)配置的。如果沒(méi)有，關(guān)閉項(xiàng)目重新打開(kāi)一下，在查看，確保這里出現(xiàn)你的合法域名才能訪問(wèn)你的接口。到目前為止，你已經(jīng)可以訪問(wèn)接口的了，但為人服務(wù)到底吧，誰(shuí)讓我是大處女座。

小程序編碼

小程序代碼.png 
全部刪掉它方法里面自動(dòng)生成的代碼先，然后在 Page({data:{}}) 
創(chuàng)建等下請(qǐng)求完接口裝載json的數(shù)據(jù)集，和分頁(yè)碼。我這里沒(méi)有寫(xiě)分頁(yè)加載的邏輯哦，只是告訴大家這么來(lái)定義分頁(yè)碼和傳參，因?yàn)榫W(wǎng)上的一些demo都有它們自己的分頁(yè)邏輯。然后在請(qǐng)求的data里面復(fù)制剛才在易源數(shù)據(jù)創(chuàng)建的應(yīng)用的 appid 和 sign 過(guò)來(lái)。然后運(yùn)行一下，會(huì)看到控制臺(tái)打印如下信息

數(shù)據(jù)請(qǐng)求成功.png 
希望解決了大家的疑問(wèn)。