前言
前段時間QQ小程序全量開發(fā)，感謝分享已經(jīng)體驗并且成功的發(fā)布了基于本博客的QQ小程序隐解。感謝艾瑪匯的開源精神鞍帝，本次教程使用的小程序插件和源碼包均來自于艾瑪匯。我們需要到github上面搜索下載“Travel-Mini-Program”煞茫。
開源小程序的功能體驗如下：
1.支持搜索關(guān)鍵詞文章
2.支持文章點贊 / 收藏 / 評論
3.支持查看個人點贊 / 收藏 / 評論文章列
image
在這里提前給大家打個預(yù)防針帕涌，關(guān)于小程序名稱比較坑的是QQ小程序和微信小程序不同摄凡，它的名稱設(shè)置不是以你注冊時的名稱為準(zhǔn)，而是以你小程序發(fā)布后的名稱為準(zhǔn)蚓曼。
image
準(zhǔn)備階段
注冊申請QQ小程序獲取QQ小程序AppID和AppSecret亲澡。
注冊階段就不說了，一路下一步就行辟躏。
獲取開發(fā)者ID
配置服務(wù)器域名
image
上面兩個步驟是必須要做的谷扣，也是十分的簡單。
配置完畢后我們到wordpress博客里面進(jìn)行配置
Mini Program API 插件
image
可以到WordPress插件市場下載安裝捎琐。另一種方式是下載壓縮包在本地解壓，解壓出來的文件目錄, 通過 FTP 或者其他的文件管理方式裹匙，把 wp-mini-program 目錄上傳到 WordPress 網(wǎng)站的插件目錄, 然后登錄 WordPress 網(wǎng)站后臺瑞凑，點擊插件, 在插件列表中啟用 Mini Program API。
啟用小程序插件后在儀表盤的下方會有一個“小程序”的設(shè)置的小程序授權(quán)輸入勾選騰訊QQ小程序概页，輸入你提前已經(jīng)獲取的小程序開發(fā)者ID信息籽御。
image
在常規(guī)設(shè)置里面配置你申請的QQ小程序名稱和描述，小程序版本號默認(rèn)就好惰匙。
image
使用QQ小程序開發(fā)者工具進(jìn)行小程序開發(fā)
在QQ小程序頁面下載“QQ小程序開發(fā)工具”技掏，安裝運(yùn)行使用QQ管理員掃碼。點擊新建項目選擇項目目錄项鬼，輸入AppID哑梳。
解壓下載的Travel-Mini-Program壓縮包，使用編輯器（Notepad++绘盟、Sublime鸠真、VS Code都行）。
- 找到app.json修改navigationBarTitleText的名字為你QQ小程序的名字龄毡。
- 找到“tuils”文件夾修改 base.js 里的 const API_HOST = '你的域名' // 注意吠卷，域名需要填寫協(xié)議，比如 https://www.wshenm.com
- 然后到pages下的mine目錄修改“mine.qlm”文件沦零，把問題反饋代碼刪掉祭隔。
image
返回QQ小程序開發(fā)者工具，點擊編譯預(yù)覽路操，一切正常后點擊上傳疾渴。
image
發(fā)布QQ小程序
到QQ小程序后臺，選擇開發(fā)管理寻拂，對開發(fā)的版本提交審核程奠。
為了提高審核效率，感謝分享強(qiáng)烈建議提交自測報告祭钉。官方提供的自測報告太籠統(tǒng)瞄沙，開發(fā)者可以在文末下載我寫的自測報告修改后提交。
image
提交審核后等待官方審核通過，然后點擊發(fā)布就可以了距境。
