手機(jī)網(wǎng)站封裝成百度小程序的方法
手機(jī)網(wǎng)站封裝成百度小程序的方法:
一、生成小程序的前提條件
1、百度小程序暫不支持個(gè)人開發(fā),所以一定要有企業(yè)營業(yè)執(zhí)照認(rèn)證。
2、網(wǎng)站一定要適應(yīng)移動(dòng)端展現(xiàn),獨(dú)立手機(jī)站或H5(自適應(yīng)網(wǎng)站)。
3、注冊(cè)百度小程序帳號(hào),企業(yè)主體認(rèn)證。
4、網(wǎng)站內(nèi)容正規(guī),無不良信息,頁面排版正常,無錯(cuò)亂。
5、官網(wǎng)下載百度小程序開發(fā)工具。
6、網(wǎng)站必需部署SSL證書,也就是https://,可申請(qǐng)免費(fèi)或付費(fèi)證書。
二、網(wǎng)站封裝成百度小程序的步驟
1、注冊(cè)百度小程序
2、下載百度開發(fā)者工具(下載最新正式版):
PS:下載的百度開發(fā)者工具只能用于當(dāng)關(guān)小程序開發(fā),再開發(fā)另一個(gè)小程序需要重新下載開發(fā)者工具
3、打開百度開發(fā)者工具(小程序——新建)
4、新建項(xiàng)目,填入名稱、存放目錄,APPID在智能小程序官網(wǎng)的URL結(jié)尾處可以看到。
5、在小程序后臺(tái)設(shè)置業(yè)務(wù)域名,左側(cè)導(dǎo)航–》管理–》基礎(chǔ)設(shè)置–》開發(fā)設(shè)置–》業(yè)務(wù)域名和服務(wù)器域名。
設(shè)置業(yè)務(wù)域名
設(shè)置服務(wù)器域名:
6、在小程序開發(fā)工具中修改兩處文件。在新建項(xiàng)目后,開發(fā)工具會(huì)自動(dòng)生成代碼包,我們要修改pages/index/index.json 和 pages/index/index.swan 這兩個(gè)文件。
在pages/index/index.json中修改小程序名稱,代碼如下:
{
"navigationBarTitleText": "你自己的小程序名字"
}
在pages/index/index.swan中,將里面的代碼全部替換為以下代碼:
<!-- index.swan -->
<web-view src="https://你的手機(jī)端網(wǎng)址"></web-view>
7、完成配置后,修改小程序文件 index.js,一些SEO信息。
按照上圖箭頭指示位置,將以下代碼插入,TKD修改成你自己的網(wǎng)站信息:
onShow(options) {
swan.setPageInfo({
title: '你的網(wǎng)站標(biāo)題',
keywords: '你的網(wǎng)站關(guān)鍵詞',
description: '你的網(wǎng)站描述',
likes: '75',
comments: '13',
collects: '23',
shares: '8',
followers: '35',
success: function () {
console.log('setPageInfo success');
}
})
},
8、可以在開發(fā)工具預(yù)覽或真機(jī)調(diào)式,看下小程序運(yùn)行有沒錯(cuò)誤,如果沒有錯(cuò)誤,點(diǎn)擊發(fā)布會(huì)上傳代碼包到百度小程序官網(wǎng)后臺(tái),這時(shí)要在后臺(tái)的左側(cè)導(dǎo)航--》搜索--》自然結(jié)果--》前往發(fā)布,進(jìn)行提交審核,結(jié)果會(huì)發(fā)送到你注冊(cè)時(shí)用的手機(jī)號(hào)上,版本管理這也會(huì)有體現(xiàn)。
9、審核通過以后,再登錄百度小程序后臺(tái)的左側(cè)導(dǎo)航--》搜索--》自然結(jié)果--》全量發(fā)布
10、百度小程序后臺(tái)的左側(cè)導(dǎo)航--》搜索--》自然結(jié)果--》H5資源替換--》關(guān)聯(lián)H5站點(diǎn)。
若您已經(jīng)有H5站點(diǎn),并希望在百度搜索中獲得更多收益,建議將智能小程序關(guān)聯(lián)H5站點(diǎn),提交適配資源,進(jìn)而將百度搜索結(jié)果中的H5站點(diǎn)替換成智能小程序。
11、創(chuàng)建替換規(guī)則
到此封裝流程就結(jié)束了,剩下的就是審核,當(dāng)你頁面出現(xiàn)一些不規(guī)范的情況時(shí),會(huì)駁回并提示問題所在讓你修改,比如頁面不能出現(xiàn)微信二維碼、不能有無效鏈接、不能存在外部超鏈接、內(nèi)容或功能要豐富等,我們根據(jù)提示修改好后按照第四步重新提交即可。