已有网站怎么封装成百度小程序?

文章转载自:已有网站怎么封装成百度小程序?

如果我们已经有移动端的网站或者自适应的网站,想节约成本或者是新手不懂小程序代码的话,我们怎么直接封装自己的网站为百度小程序呢?

百度小程序有几个前提

  • 必须拥有企业资质或者个体工商户资质,百度小城当前不支持个人入驻百度小程序!
  • 网站为自适应站点(H5)或者拥有移动端站点。
  • 网站必须开启SSL
  • 网站必须完成备案,且内容合规合法

创建百度小程序

如果上述条件你都满足,那么我们就可以登录百度小程序管理中心创建智能小程序

https://smartprogram.baidu.com/developer/applist.html

已有网站怎么封装成百度小程序?_第1张图片

PS:小程序的名称需要符合百度小程序取名规则,等待小程序名称通过就可以进行下一步了。

上传百度小程序源码

名称审核通过后,我们在小程序管理中点击设置,再点击开发设置,取得App ID (智能小程序ID)

已有网站怎么封装成百度小程序?_第2张图片

然后在小程序后台配置服务器域名,就是你网站的域名。设置–》开发设置–》服务器域名、以及业务域名改为你的网站域名!务必操作,否则无法打包审核!

已有网站怎么封装成百度小程序?_第3张图片

然后下载百度智能小程序开发工具https://smartprogram.baidu.com/docs/develop/devtools/history/

安装完成后,新建小程序项目

已有网站怎么封装成百度小程序?_第4张图片

1、项目名称修改为自己提交审核时的小程序名称,切记,小程序名称体现一定要一致,否则提交代码后会提示小程序名称不一致而不能通过!

2、项目目录为自己本机的小程序开发源码,大家自己选择!

3、填写自己审核中的小程序APP ID,如果没有创建审核,那么就点击测试号也可以进行开发!

修改源码

小程序项目创建完成后,开发工具会默认生成文件

已有网站怎么封装成百度小程序?_第5张图片

1、将pages/index/index.json中的默认内容修改为以下内容:

{

"navigationBarTitleText": "脾气seo" /**名称修改为自己的审核中或者审核好的小程序名称**/

}

2、将pages/index/index.swan中的默认内容全部删除并且修改为以下内容:

已有网站怎么封装成百度小程序?_第6张图片

 /**域名修改为自己的**/

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');
            }
        })
  },

已有网站怎么封装成百度小程序?_第7张图片

其中的TDK请修改为自己的

发布项目

最后就在开发者工具点击发布按钮发布项目,然后在百度小程序管理中心后台的小程序管理→版本管理→开发版本提交审核。

你可能感兴趣的:(seo,百度,小程序)