手机网站封装成百度小程序的方法
手机网站封装成百度小程序的方法:
一、生成小程序的前提条件
1、百度小程序暂不支持个人开发,所以一定要有企业营业执照认证。
2、网站一定要适应移动端展现,独立手机站或H5(自适应网站)。
3、注册百度小程序帐号,企业主体认证。
4、网站内容正规,无不良信息,页面排版正常,无错乱。
5、官网下载百度小程序开发工具。
6、网站必需部署SSL证书,也就是https://,可申请免费或付费证书。
二、网站封装成百度小程序的步骤
1、注册百度小程序
2、下载百度开发者工具(下载最新正式版):
PS:下载的百度开发者工具只能用于当关小程序开发,再开发另一个小程序需要重新下载开发者工具
3、打开百度开发者工具(小程序——新建)
4、新建项目,填入名称、存放目录,APPID在智能小程序官网的URL结尾处可以看到。
5、在小程序后台设置业务域名,左侧导航–》管理–》基础设置–》开发设置–》业务域名和服务器域名。
设置业务域名
设置服务器域名:
6、在小程序开发工具中修改两处文件。在新建项目后,开发工具会自动生成代码包,我们要修改pages/index/index.json 和 pages/index/index.swan 这两个文件。
在pages/index/index.json中修改小程序名称,代码如下:
{
"navigationBarTitleText": "你自己的小程序名字"
}
在pages/index/index.swan中,将里面的代码全部替换为以下代码:
<!-- index.swan -->
<web-view src="https://你的手机端网址"></web-view>
7、完成配置后,修改小程序文件 index.js,一些SEO信息。
按照上图箭头指示位置,将以下代码插入,TKD修改成你自己的网站信息:
onShow(options) {
swan.setPageInfo({
title: '你的网站标题',
keywords: '你的网站关键词',
description: '你的网站描述',
likes: '75',
comments: '13',
collects: '23',
shares: '8',
followers: '35',
success: function () {
console.log('setPageInfo success');
}
})
},
8、可以在开发工具预览或真机调式,看下小程序运行有没错误,如果没有错误,点击发布会上传代码包到百度小程序官网后台,这时要在后台的左侧导航--》搜索--》自然结果--》前往发布,进行提交审核,结果会发送到你注册时用的手机号上,版本管理这也会有体现。
9、审核通过以后,再登录百度小程序后台的左侧导航--》搜索--》自然结果--》全量发布
10、百度小程序后台的左侧导航--》搜索--》自然结果--》H5资源替换--》关联H5站点。
若您已经有H5站点,并希望在百度搜索中获得更多收益,建议将智能小程序关联H5站点,提交适配资源,进而将百度搜索结果中的H5站点替换成智能小程序。
11、创建替换规则
到此封装流程就结束了,剩下的就是审核,当你页面出现一些不规范的情况时,会驳回并提示问题所在让你修改,比如页面不能出现微信二维码、不能有无效链接、不能存在外部超链接、内容或功能要丰富等,我们根据提示修改好后按照第四步重新提交即可。