原文地址：

https://www.cnblogs.com/future-limitless/p/17581032.html

說明

本篇希望用最簡單的方式幫助大家上線一個屬于自己的實用的小程序，幫助大家體驗一個相對較完整的小程序創(chuàng)建、上線流程，步驟會盡可能詳盡；

文章會更像新手教程，只是引導(dǎo)零基礎(chǔ)的同學(xué)入個門，所以會盡可能避免讓大家自行編輯代碼，因此在文中也不會對代碼邏輯進(jìn)行解釋，文章中也會附上源碼地址。

?

小程序功能查看

微信搜索“小王子的開發(fā)博客”或掃碼查看（因為小程序在更新，所以源碼中的功能可能會比看到的功能要少）

?

一、準(zhǔn)備工作：

1.??安裝微信開發(fā)者工具（官方地址，選擇穩(wěn)定版）

2.? 開通博客園博客（官方地址）

?

3.? 申請博客園api（官方地址）

?

二、博客園發(fā)布隨筆

這個就很簡單不放圖了，記得"訪問權(quán)限"設(shè)置為"公開"就好了（發(fā)布后要等一會兒，接口才能獲取到數(shù)據(jù)）。

?

三、測試請求api

這里建議先測試一下請求，如果請求不通過，后面做的都沒什么意義。

官方api方檔：博客園 Open API 開發(fā)文檔 (cnblogs.com)

在線請求測試工具：在線HTTP接口測試 - HTTP GET/POST模擬請求測試工具,JSON模擬請求 (sojson.com)

1. 獲取access_token接口測試：

?　　用測試工具對這個接口https://api.cnblogs.com/token進(jìn)行請求。

? ? ? ??設(shè)置：①post方式；②添加client_id、client_secret（api申請通過郵件中的值）、grant_type；③請求頭Content-Type設(shè)置為application/x-www-form-urlencoded

　　 返回結(jié)果如圖則請求正常，后面兩個接口基本也可以不用測試，直接用源碼改參數(shù)應(yīng)該也沒什么問題。

?2.獲取隨筆列表接口測試

　　'{blog}'改為你自己的博客名，{pageIndex}就先設(shè)置為1；

　　文檔中沒有寫，但是實際上每個接口都要在請求頭上加上Authorization作為驗證，值為'bearer?' + 上一步獲取的access_token

? ? ? ??設(shè)置：①get方式；②請求頭Content-Type設(shè)置為applicationjson;?③添加Authorization

?

四、創(chuàng)建小程序

1.?源碼地址（需到小程序內(nèi)搜索對應(yīng)文章）：

? ?微信搜索“小王子的開發(fā)博客”或掃碼查看

?

2.解壓文件

?3. 導(dǎo)入項目

我會比較喜歡先使用測試號運(yùn)行成功，再注冊小程序

4.?先勾選'不校驗合法域名'運(yùn)行小程序，進(jìn)行測試：

?5. app.js文件，修改配置信息

6.?編譯及真機(jī)調(diào)試：

??

7.?小結(jié)

　　如果配置成功的話，就可以獲取你在博客園上發(fā)布的隨筆了，這時候就可以準(zhǔn)備上線小程序了（此時，我只有發(fā)布了一篇）。

8. 不重要的一步（可以不看）

如果要改頁面的標(biāo)題的話，到每個pages中的json文件中修改

?

五、上線小程序

1.?注冊小程序賬號（官方地址）

按流程注冊個人小程序賬號即可，注冊后把基本信息按要求填完（小程序類目可選：工具-信息查詢、工具-辦公）

2.?復(fù)制小程序id

?

3.?修改微信開發(fā)工具中的小程序id

?

4.?配置服務(wù)器域名

　　添加：https://api.cnblogs.com

?

5.?微信開發(fā)工具刷新

?

6.?取消勾選"不校驗合法域名"

?

7.?上傳小程序

恭喜，如果到這一步，微信開發(fā)工具仍然可以正常運(yùn)行，那么就可以上線這個小程序了。

?

8.?提審

?

9.?發(fā)布上線

審核通過后，就可以在這里發(fā)布上線了。

?

?

注：轉(zhuǎn)載需注明出處及作者名，嚴(yán)禁惡意轉(zhuǎn)載，尊重原作者的勞動成果。