文章转载自:已有网站怎么封装成百度小程序?
如果我们已经有移动端的网站或者自适应的网站,想节约成本或者是新手不懂小程序代码的话,我们怎么直接封装自己的网站为百度小程序呢?
如果上述条件你都满足,那么我们就可以登录百度小程序管理中心创建智能小程序
https://smartprogram.baidu.com/developer/applist.html
PS:小程序的名称需要符合百度小程序取名规则,等待小程序名称通过就可以进行下一步了。
名称审核通过后,我们在小程序管理中点击设置,再点击开发设置,取得App ID (智能小程序ID)
然后在小程序后台配置服务器域名,就是你网站的域名。设置–》开发设置–》服务器域名、以及业务域名改为你的网站域名!务必操作,否则无法打包审核!
然后下载百度智能小程序开发工具https://smartprogram.baidu.com/docs/develop/devtools/history/
安装完成后,新建小程序项目
1、项目名称修改为自己提交审核时的小程序名称,切记,小程序名称体现一定要一致,否则提交代码后会提示小程序名称不一致而不能通过!
2、项目目录为自己本机的小程序开发源码,大家自己选择!
3、填写自己审核中的小程序APP ID,如果没有创建审核,那么就点击测试号也可以进行开发!
小程序项目创建完成后,开发工具会默认生成文件
1、将pages/index/index.json中的默认内容修改为以下内容:
{
"navigationBarTitleText": "脾气seo" /**名称修改为自己的审核中或者审核好的小程序名称**/
}
2、将pages/index/index.swan中的默认内容全部删除并且修改为以下内容:
/**域名修改为自己的**/
3、修改pages/index/index.js。在onLoad() {上方添加以下代码:
onShow(options) {
swan.setPageInfo({
title: '脾气SEO-网站二次开发教程,插件下载,源码下载',
keywords: 'piqiseo,重庆seo,重庆网站优化,重庆网站建设,网站二次开发,网站插件下载,网站源码下载,脾气seo',
description: 'piqiseo.com为您提供网站二次开发教程,seo优化方法,搜索引擎算法解读,各类cms建站插件下载,网站源码下载。',
success: function () {
console.log('setPageInfo success');
}
})
},
其中的TDK请修改为自己的
最后就在开发者工具点击发布按钮发布项目,然后在百度小程序管理中心后台的小程序管理→版本管理→开发版本提交审核。