之前做了几个百度小程序,也经常遇到一些朋友问相关的问题,今天直接汇总出来,把这次做的百度小程序进行一个汇总教程。
准备工作:企业熊掌号/已备案域名/H5自适应网站/https证书/下载百度小程序开发工具/个别类别需要提供相关的资质材料
以上所需的东西基本都可以买到,准备好这些东西以后,自行搭建H5网站做好证书。
购买一个企业熊掌号,登录百度站长后台进行网站绑定,熊掌号绑定。
登录百度小程序官网,创建小程序,完成以后需要等待名称审核。
创建后可以获取百度小程序的一些基础信息,拿到这些ID和key后就可以进行小程序开发咯。
然后打开百度开发者工具,创建小程序项目
创建完成后就可以进入开发界面,不要感觉复杂,只需要简单修改三个文件就可以发布代码提交审核咯,非常简单方便。
修改pages/index/index.json文件中的全部内容为
<#>
{
<#>
"navigationBarTitleText": "你自己的小程序名字"
<#>
}
修改pages/index/index.swan文件中的全部内容为
<#>
<!– index.swan –>
<#>
<web-view src="https://你的手机端网址.com"></web-view>
修改pages/index/index.js文件中12行之后,onLoad之前 插入以下代码
<#>
onShow(options) {
<#>
swan.setPageInfo({
<#>
title: '网站标题',
<#>
keywords: '网站关键词',
<#>
description: '网站描述',
<#>
likes: '75',
<#>
comments: '13',
<#>
collects: '23',
<#>
shares: '8',
<#>
followers: '35',
<#>
success: function () {
<#>
console.log('setPageInfo success');
<#>
}
<#>
})
<#>
},
至此小程序改造完成,可以进行测试和发布咯。如果小程序改造过程中遇到各种问题可以联系我帮你处理。
本文:网站改造百度小程序详细教程 为一一网络博客发布