說明

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

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

?

小程序功能查看

微信搜索“聊天斗圖表情包精選”或掃碼查看（因?yàn)樾〕绦蛟诟拢栽创a中的功能可能會(huì)比看到的功能要少）

?

小程序中的圖片會(huì)根據(jù)在對象存儲(chǔ)（后文會(huì)介紹）中的文件操作，同步更新分類或者圖片，無需再次修改小程序代碼，也不需要額外購買服務(wù)器。

整體看上去步驟很多，但其實(shí)大部分都只是引導(dǎo)大家做點(diǎn)擊操作而已，整個(gè)從開始到上線的流程我估計(jì)一下午就完成？

?

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

1.??注冊騰訊云COS對象存儲(chǔ)（官方地址，新用戶可免費(fèi)試用6個(gè)月存儲(chǔ)；下行流量需收費(fèi)，計(jì)費(fèi)文檔，倒也不是很貴，我目前用戶量很低，一個(gè)月大概幾毛錢）

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

二、對象存儲(chǔ)操作流程（省略注冊流程）

1.?對象存儲(chǔ)介紹：

　　可以理解為一個(gè)私人的云盤，可以存放自己的文件；除了用于本次項(xiàng)目，也可以創(chuàng)建不同的存儲(chǔ)桶存放自己的其他文件。

2.?創(chuàng)建存儲(chǔ)桶：

　　存儲(chǔ)桶：可以理解為一個(gè)文件夾，可以對每個(gè)桶配置訪問權(quán)限

?

3.?創(chuàng)建子用戶，控制訪問權(quán)限（重要！重要！重要?。?/h1>

　　這一步非常重要?。?！非常重要！??！非常重要?。?！

　　因?yàn)闆]有用到服務(wù)器，密鑰是寫在前端的，有泄露的風(fēng)險(xiǎn)，所以要嚴(yán)格控制權(quán)限。（一般是由后端生成臨時(shí)密鑰傳到前端，我自己換成了這種方法）

　?、?對象存儲(chǔ)頁面，點(diǎn)擊"密鑰管理"

?

　?、?訪問密鑰

?

　　③?新建用戶

?

　?、?快速創(chuàng)建

?

　　⑤?訪問方式修改為"編程訪問"

?

　?、?用戶權(quán)限，全部取消勾選，不分配任何策略！

?

　?、?點(diǎn)擊進(jìn)入剛剛創(chuàng)建的用戶管理頁面。

?

　?、?復(fù)制出SecretId和SecretKey，等下要用到

?

　　⑨?返回對象存儲(chǔ)頁面，給存儲(chǔ)桶進(jìn)行授權(quán)管理

?

　?、?為存儲(chǔ)桶進(jìn)行授權(quán)

?

　　??選擇剛剛創(chuàng)建的子用戶，給予訪問權(quán)限。

?

　　??點(diǎn)擊進(jìn)入存儲(chǔ)桶。

?

　　??為每個(gè)表情包的分類，創(chuàng)建一個(gè)文件夾

?

　　??進(jìn)入到對應(yīng)文件夾中，上傳對應(yīng)的表情包圖片（可批量上傳）

?

　　??新的分類以此類推（文件夾不可改名，只可刪除重建，并重新上傳圖片）

?

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

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

?

2.?解壓文件

?

3.?導(dǎo)入項(xiàng)目：

?

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

?

5.?打開路徑utils/tencentCOS.js方件，修改配置信息：

?

6.?修改id及密鑰：

?

7.?修改域名：

?

域名可在對象存儲(chǔ)中查看：

?

8.?修改bucket名稱和地域：

?

可在對象存儲(chǔ)中查看：

?

9.?修改小程序頂部文字(自行定義):

?

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

?

11.?小結(jié)

如果配置成功的話，就可以加載出在對象存儲(chǔ)中的文件，這時(shí)候就可以進(jìn)行下一步，準(zhǔn)備上線小程序了。

四、上線小程序

1.?注冊小程序賬號(hào)（官方地址）

按流程注冊個(gè)人小程序賬號(hào)即可，注冊后把基本信息按要求填完（小程序類目可選：工具-信息查詢、工具-圖片處理、工具-辦公）

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

?

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

?

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

?

和剛剛在小程序里復(fù)制的一致：

?

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

?

6.?取消勾選"不校驗(yàn)合法域名"

?

7.?上傳小程序

恭喜，如果到這一步，微信開發(fā)工具里可以成功加載出COS中上傳的圖片，那么就基本成功了。這時(shí)就可以上傳小程序了。

?

8.?提審

?

9.?發(fā)布上線

審核通過后，就可以在這里發(fā)布上線了。（如果有新的圖片分類、新的圖片上傳，直接操作對象存儲(chǔ)，小程序會(huì)同步更新的）

?

五、其它用處

筆者認(rèn)為這種方法除了可以做表情包的工具，也可以做自己的一個(gè)圖片存儲(chǔ)空間，可以把"名稱搜索"、"第三方應(yīng)用運(yùn)行權(quán)限"關(guān)閉，以及取消小程序分享功能。

1.?關(guān)閉"名稱搜索"和"第三方應(yīng)用運(yùn)行權(quán)限"（小程序后臺(tái)）：

?

2.?關(guān)閉小程序分享（修改代碼）：

第一步：添加wx.hideShareMenu()

?

第二步：刪除或注釋代碼（在最底部，選中代碼塊，按?ctrl+/?可快捷注釋）

?

第三步：修改代碼后，后果新上傳代碼、提審、發(fā)布即可

?

?

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