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

本文介绍了如何将已有自适应网站或移动端网站封装为百度小程序,包括创建小程序的步骤、上传源码、修改源码内容,以及发布和审核流程。适合新手和希望节约成本的企业。确保具备企业资质、网站合规并完成SSL备案。通过百度小程序管理中心和开发工具,可以轻松将网站内容嵌入小程序,实现快速上线。
摘要由CSDN通过智能技术生成

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

百度小程序有几个前提

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

创建百度小程序

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

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

在这里插入图片描述

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

上传百度小程序源码

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

在这里插入图片描述

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

在这里插入图片描述

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

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

在这里插入图片描述

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

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请修改为自己的

发布项目

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

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值