已有网站怎么封装成百度小程序
目录
已有网站怎么封装成百度小程序?
如果我们已经有移动端的网站或者自适应的网站,想节约成本或者是新手不懂小程序代码的话,我们怎么直接封装自己的网站为百度小程序呢?
百度小程序有几个前提
- 必须拥有企业资质或者个体工商户资质,百度小城当前不支持个人入驻百度小程序!
- 网站为自适应站点(H5)或者拥有移动端站点。
- 网站必须开启SSL
- 网站必须完成备案,且内容合规合法
创建百度小程序
如果上述条件你都满足,那么我们就可以登录百度小程序管理中心创建智能小程序
PS:小程序的名称需要符合百度小程序取名规则,等待小程序名称通过就可以进行下一步了。
上传百度小程序源码
名称审核通过后,我们在小程序管理中点击设置,再点击开发设置,取得App ID (智能小程序ID)
然后在小程序后台配置服务器域名,就是你网站的域名。设置–》开发设置–》服务器域名、以及业务域名改为你的网站域名!务必操作,否则无法打包审核!
然后下载百度智能小程序开发工具https://smartprogram.baidu.com/docs/develop/devtools/history/
安装完成后,新建小程序项目
1、项目名称修改为自己提交审核时的小程序名称,切记,小程序名称体现一定要一致,否则提交代码后会提示小程序名称不一致而不能通过!
2、项目目录为自己本机的小程序开发源码,大家自己选择!
3、填写自己审核中的小程序APP ID,如果没有创建审核,那么就点击测试号也可以进行开发!
修改源码
小程序项目创建完成后,开发工具会默认生成文件
1、将pages/index/index.json中的默认内容修改为以下内容:
{
"navigationBarTitleText": "蘑菇号" /**名称修改为自己的审核中或者审核好的小程序名称**/
}
2、将pages/index/index.swan中的默认内容全部删除并且修改为以下内容:
<web-view src="https://www.piqiseo.com"></web-view> /**域名修改为自己的**/
3、修改pages/index/index.js。在onLoad() {上方添加以下代码:
onShow(options) {
swan.setPageInfo({
title: '蘑菇号-只为你了解世界',
keywords: '蘑菇号',
description: '蘑菇号,每日为你提供前沿资讯,科技、娱乐、生活、健康都可在蘑菇号找到所看。蘑菇号只为你了解世界,打CALL~',
success: function () {
console.log('setPageInfo success');
}
})
},
其中的TDK请修改为自己的
发布项目
最后就在开发者工具点击发布按钮发布项目,然后在百度小程序管理中心后台的小程序管理→版本管理→开发版本提交审核。