手把手教你将网站封装成百度小程序，适合所有网站封装

uncle 源码教程 2025年06月7日

0 收藏 0 点赞 303 浏览 2040 个字

摘要 :

之前一直想将我们的源码码网站封装成百度小程序，在网上自行搜索了一番，怎么也找不到类似的教程，然后就找到了专门做百度小程序的一个群，在群里面找了一个技术，咨询了……

之前一直想将我们的源码码网站封装成百度小程序，在网上自行搜索了一番，怎么也找不到类似的教程，然后就找到了专门做百度小程序的一个群，在群里面找了一个技术，咨询了下费用，那人开口就要1000元，索性就自己搞吧，于是各种百度查找，最后终于提交审核通过，今天就把这个流程分享出来。赶紧去试试，把自己的网站封装成百度小程序，适合所有网站封装。

封装自己的网站源码为百度小程序适用于任何网站。这句话咋的一看可能会闷，但是其实和将网站封装成APP是一个道理，有的网站因为结构繁杂，无开发人员，以及开发成本等等原因，导致不能支持额外的费用来开发百度小程序或者其他小程序，但是又想享受百度小程序的福利，那么就需要将网站封装为百度小程序了，毕竟有个小程序在移动端，流量展现将会大大靠前，享受头部流量！

那么我们该如何封装自己的网站为百度小程序，并成功上线呢？这里小编源码码网为例子进行讲解！

前提条件

必须拥有企业资质或者个体工商户资质，非常抱歉，当前个人不支持入驻百度小程序！
网站为自适应站点（H5）或者拥有移动站点。
网站必须开启SSL
网站必须完成备案，且内容合规合法

创建小程序

前往百度智能小程序管理中心创建小程序，并按照要求填写好小程序相关信息等待审核！点击下方网址即可进入百度智能小程序管理中心！

需要注意的是，百度小程序的取名很重要，也要符合相关标准和要求，建议先查阅名称规则后再给自己的小程序取名，一般可以使用自己的网站名后面加网即可，比如网站备案名为源码码网，源码码网的小程序就取名为源码码网，大家自行参考，如果审核拒绝，请联系官方人员或者修改其他符合名称的要求！

然后再自行下载百度小程序开发工具。

下载地址：https://smartprogram.baidu.com/docs/develop/devtools/history/

下载完开发工具，安装后，直接打开开发工具，创建一个新项目：

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

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

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

4、最重要！小程序后台配置服务器域名，就是你网站的域名设置–》开发设置–》服务器域名、以及业务域名改为你的网站域名！务必操作，否则无法打包审核！

源码修改

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

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

{
"navigationBarTitleText": "源码码网" /**名称修改为自己的审核中或者审核好的小程序名称**/
}

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

<web-view src="https://www.ymama.net"></web-view> /**域名修改为自己的**/

上方代码若被转义，请放大图片查看！

完成以上步骤，我们就实现了封装自己的网站为百度小程序，但是切记，我们需要在小程序后台配置自己的业务域名等信息！

流量配置

其实就是因为封装网站成百度小程序后，对SEO不是很友好，但是我们也尽量可能让自己的首页能有个最基本的TDK！所以修改pages/index/index.js。在onLoad() {上方添加以下代码：

onShow(options) {
swan.setPageInfo({
title: '源码码网-致力打造知名的源码交易、网站交易、虚拟账号和虚拟素材资源等一站式交易服务平台',
keywords: '源码交易,网站交易,ppt素材,网站源码,商业源码,源码出售,源码教程',
description: '源码码网是国内专业的站长交易、源码交易、源码下载，源码出售，淘宝客源码交易、虚拟物品交易、网站账号出售、商业源码交易、抖音快手账号买卖、游戏账号交易、ppt素材资源等虚拟物品担保交易平台，此外平台还提供海量的1元捡漏源码下载和海量的ppt素材资源、word模板、Excle资源下载，旨在帮助更多的中小企业建立安全快捷的站长交易、虚拟商品账号出售、求购一站式服务平台。'
success: function(){
console.log('setPageInfo success');
}
})
},