2.2　發(fā)布步驟：5個(gè)步驟輕松完成上線

在完成百度智能小程序的審核，擁有了賬號(hào)之后，運(yùn)營(yíng)者需要做的就是發(fā)布百度智能小程序。百度智能小程序的發(fā)布主要有5個(gè)步驟，接下來(lái)具體進(jìn)行解讀。

2.2.1　事前了解：查看開發(fā)的相關(guān)內(nèi)容

百度智能小程序的開發(fā)是一個(gè)相對(duì)復(fù)雜的過(guò)程，為了避免因?yàn)闊o(wú)方向地摸索而浪費(fèi)時(shí)間，也為了更好地獲取百度智能小程序?yàn)檫\(yùn)營(yíng)者提供的各種資料，運(yùn)營(yíng)者在正式開發(fā)百度智能小程序之前，必須先查看開發(fā)的相關(guān)內(nèi)容。

百度智能小程序官方網(wǎng)站的“開發(fā)”界面對(duì)簡(jiǎn)易教程、框架、組件、API、工具和開放服務(wù)等內(nèi)容分別進(jìn)行了說(shuō)明，具體如圖2-24所示。

2.2.2　下載工具：獲取代碼上傳的渠道

通常來(lái)說(shuō)，自主開發(fā)百度智能小程序有兩種途徑：一是下載開發(fā)工具，在開發(fā)工具上直接進(jìn)行開發(fā)；二是在第三方平臺(tái)上開發(fā)，然后利用開發(fā)工具將代碼包上傳。可以看到，無(wú)論是哪種自主開發(fā)途徑，都是需要下載開發(fā)工具的。接下來(lái)對(duì)開發(fā)工具的下載步驟進(jìn)行具體解讀。

步驟01　進(jìn)入百度智能小程序官網(wǎng)后臺(tái)的“小程序首頁(yè)”界面，單擊“開發(fā)者工具”文字鏈接。

步驟02　操作完成后，進(jìn)入圖2-26所示的“開發(fā)”界面，在該界面中選擇對(duì)應(yīng)的開發(fā)工具的版本。此處以“Windows 64”版開發(fā)工具的下載步驟為例進(jìn)行具體的解讀。

步驟03　操作完成后，彈出“新建下載任務(wù)”對(duì)話框，在該對(duì)話框中對(duì)名稱和下載位置進(jìn)行設(shè)置，單擊“下載”按鈕，如圖2-27所示。操作完成后，如果在下載位置出現(xiàn)圖標(biāo)，就說(shuō)明開發(fā)工具下載完成了。

2.2.3　開發(fā)打包：設(shè)計(jì)你的智能小程序

開發(fā)工具下載完成之后，運(yùn)營(yíng)者接下來(lái)就可以安心開發(fā)、設(shè)計(jì)百度智能小程序了。開發(fā)百度智能小程序的方法大致可以分為3類：一是直接外包；二是在開發(fā)工具上編碼開發(fā)；三是借助第三方平臺(tái)開發(fā)。

在上述3種開發(fā)方式中，外包不需要運(yùn)營(yíng)者親自進(jìn)行開發(fā)；在開發(fā)工具上開發(fā)需要熟悉編碼，操作起來(lái)有一定難度；而在第三方平臺(tái)上開發(fā)則可以借助相應(yīng)的模板，快速完成開發(fā)，操作起來(lái)也比較簡(jiǎn)單。接下來(lái)以在“即速應(yīng)用”平臺(tái)上開發(fā)百度智能小程序的步驟為例進(jìn)行具體說(shuō)明。

步驟01　進(jìn)入“即速應(yīng)用”平臺(tái)首頁(yè)，單擊導(dǎo)航欄下方輪播欄中“首批百度小程序開發(fā)平臺(tái)全新上線”下方的“立即查看”按鈕，如圖2-28所示。

步驟02　操作完成后，進(jìn)入“用即速應(yīng)用”界面，單擊界面中的“立即試用”按鈕，如圖2-29所示。

步驟03　操作完成后，進(jìn)入“制作”界面，將鼠標(biāo)指針停留在想要使用的模板上，單擊“選擇模板”按鈕，如圖2-30所示。當(dāng)然，運(yùn)營(yíng)者如果要查看模板內(nèi)容，可以用微信掃描二維碼進(jìn)行查看。

步驟04　操作完成后，進(jìn)入模板內(nèi)容預(yù)覽界面，單擊界面中的“編輯模板”按鈕，如圖2-31所示。

步驟05　操作完成后，進(jìn)入內(nèi)容編輯界面，內(nèi)容編輯完成之后，單擊右上方的“發(fā)布”按鈕，如圖2-32所示。

需要特別說(shuō)明的是，雖然在第三方平臺(tái)上一般都提供了可供直接套用的模板，但是每個(gè)運(yùn)營(yíng)者的實(shí)際情況都會(huì)有所不同。因此，在套用模板時(shí)還需將模板上的信息都轉(zhuǎn)化為自身信息。

步驟06　進(jìn)入“基本設(shè)置”界面，設(shè)置名稱、封面和logo，單擊“發(fā)布”按鈕，如圖2-33所示。

步驟07　操作完成后，進(jìn)入小程序管理界面，單擊界面中的“打包百度小程序”按鈕，如圖2-34所示。

步驟08　進(jìn)入“打包百度小程序（內(nèi)測(cè)中）”界面，輸入AppID、AppKey、AppSecret、選擇分類等信息，單擊下方的“打包”按鈕，如圖2-35所示。

上面這些信息，大部分都可以直接從圖2-36所示的“開發(fā)者ID”界面中找到，運(yùn)營(yíng)者只需做簡(jiǎn)單的復(fù)制、粘貼工作即可。

步驟09　操作完成后，如果界面中顯示“打包成功”，就說(shuō)明代碼包的打包工作完成了。而運(yùn)營(yíng)者要想通過(guò)開發(fā)者工具將代碼包上傳，需單擊“下載”按鈕，將代碼包先下載下來(lái)，如圖2-37所示。

步驟10　操作完成后，界面中將彈出“新建下載任務(wù)”對(duì)話框，單擊對(duì)話框中的“下載”按鈕，如圖2-38所示。

需要特別說(shuō)明的是，在下載代碼包時(shí)，千萬(wàn)不能改動(dòng)文件名稱，否則內(nèi)容可能會(huì)出現(xiàn)一些變化。

2.2.4　域名設(shè)置：根據(jù)提示配置服務(wù)器

細(xì)心的讀者可能已經(jīng)發(fā)現(xiàn)了，在圖2-35中，打包百度小程序時(shí)，“服務(wù)器配置”一欄便要求運(yùn)營(yíng)者配置小程序域名。其實(shí)，除了打包之外，運(yùn)營(yíng)者要想將上傳的代碼包發(fā)布，也是需要對(duì)域名進(jìn)行配置的。域名的配置比較簡(jiǎn)單，只需根據(jù)提示進(jìn)行操作即可。以下是對(duì)服務(wù)器域名進(jìn)行配置的具體說(shuō)明。

步驟01　進(jìn)入百度智能小程序后臺(tái)的“小程序首頁(yè)”界面，單擊界面中的“開發(fā)設(shè)置”按鈕，如圖2-39所示。

步驟02　在“開發(fā)”界面中，找到“服務(wù)器域名”一欄，單擊“開始配置”按鈕，進(jìn)入圖2-40所示的“配置服務(wù)信息”界面，輸入域名信息，單擊下方的“保存并提交”按鈕。

步驟03　操作完成后，在“服務(wù)器域名”界面中如果出現(xiàn)域名的鏈接，便說(shuō)明域名設(shè)置成功了，如圖2-41所示。可以看到，服務(wù)器域名也是可以修改的，但是一個(gè)月之內(nèi)只能申請(qǐng)5次，運(yùn)營(yíng)者一定要把握好。

2.2.5　版本發(fā)布：提交代碼，審核上線

代碼包下載和域名設(shè)置完成之后，接下來(lái)運(yùn)營(yíng)者就可以提交代碼，讓百度智能小程序?qū)徍松暇€了。具體來(lái)說(shuō)，百度智能小程序的審核發(fā)布步驟如下。

步驟01　打開開發(fā)者工具，進(jìn)入圖2-42所示的界面，單擊“新建”按鈕，進(jìn)入百度小程序信息設(shè)置界面；設(shè)置項(xiàng)目名稱、項(xiàng)目目錄和APP ID；單擊下方的“完成”按鈕，如圖2-43所示。

步驟02　操作完成后，進(jìn)入開發(fā)者工具。運(yùn)營(yíng)者可以預(yù)覽百度智能小程序內(nèi)容，確認(rèn)無(wú)誤后，單擊“發(fā)布”按鈕，如圖2-44所示。

步驟03　操作完成后，彈出圖2-45所示的版本信息對(duì)話框，在對(duì)話框中輸入版本號(hào)，單擊下方的“確認(rèn)上傳”按鈕。

步驟04　操作完成后，如果在開發(fā)者工具中顯示“發(fā)布成功”，便說(shuō)明代碼包已成功上傳至百度智能小程序后臺(tái)了，如圖2-46所示。

步驟05　操作完成后，進(jìn)入百度智能小程序后臺(tái)的“開發(fā)管理”界面，如果“開發(fā)版本”一欄出現(xiàn)剛剛上傳的代碼的相關(guān)信息，就說(shuō)明代碼包上傳成功了，如圖2-47所示。

步驟06　單擊“開發(fā)版本”中的“提交審核”按鈕，進(jìn)入圖2-48所示的“編輯信息并提交審核”界面。在該界面中輸入測(cè)試賬號(hào)、賬號(hào)密碼和版本描述等信息，單擊下方的“提交審核”按鈕。

步驟07　完成操作后，頁(yè)面跳轉(zhuǎn)至“開發(fā)管理”界面。如果此時(shí)在“審核版本”版塊中出現(xiàn)剛剛提交審核的代碼包的相關(guān)內(nèi)容，而且“狀態(tài)”一欄顯示“審核中”，就說(shuō)明提交審核成功了，如圖2-49所示。

步驟08　審核通過(guò)之后，運(yùn)營(yíng)者只需在“開發(fā)管理”界面發(fā)布百度智能小程序即可。圖2-50所示為“手機(jī)攝影構(gòu)圖大全”百度智能小程序開發(fā)版發(fā)布后的頁(yè)面展示圖。