网站改造百度小程序详细教程

之前做了几个百度小程序,也经常遇到一些朋友问相关的问题,今天直接汇总出来,把这次做的百度小程序进行一个汇总教程。
准备工作:企业熊掌号/已备案域名/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');
<#>
            }
<#>
        })
<#>
  },

至此小程序改造完成,可以进行测试和发布咯。如果小程序改造过程中遇到各种问题可以联系我帮你处理。

本文:网站改造百度小程序详细教程 为一一网络博客发布

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享