您好!欢迎来到源码码网!

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

  • 源码教程
  • 来源:源码码网
  • 编辑:admin
  • 时间:2020-08-07 15:35
  • 阅读:682

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

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


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

前提条件

  • 必须拥有企业资质或者个体工商户资质,非常抱歉,当前个人不支持入驻百度小程序!

  • 网站为自适应站点(H5)或者拥有移动站点。

  • 网站必须开启SSL

  • 网站必须完成备案,且内容合规合法

创建小程序

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

百度小程序

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

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

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

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

百度小程序


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

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

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

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

百度小程序业务域名.png

百度小程序业务域名.png


源码修改

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

百度小程序

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


  1. {

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

  3. }

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


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

上方代码若被转义,请放大图片查看!

源码码网.png


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

流量配置

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

  1. onShow(options) {

  2.        swan.setPageInfo({

  3.            title: '源码码网-致力打造知名的源码交易、网站交易、虚拟账号和虚拟素材资源等一站式交易服务平台',

  4.            keywords: '源码交易,网站交易,ppt素材,网站源码,商业源码,源码出售,源码教程',

  5.            description: '源码码网是国内专业的站长交易、源码交易、源码下载,源码出售,淘宝客源码交易、虚拟物品交易、网站账号出售、商业源码交易、抖音快手账号买卖、游戏账号交易、ppt素材资源等虚拟物品担保交易平台,此外平台还提供海量的1元捡漏源码下载和海量的ppt素材资源、word模板、Excle资源下载,旨在帮助更多的中小企业建立安全快捷的站长交易、虚拟商品账号出售、求购一站式服务平台。'

  6.            success: function(){

  7.                console.log('setPageInfo success');

  8.            }

  9.        })

  10.  },

提交代码

完成以上步骤即可提交代码审核了,以上就是封装自己的网站为百度小程序,其实也同样适用于其他小程序,所以网站均适用!源码码网觉得这种方法能节约开发成本,但是这样封装的弊端就是对于小程序SEO不友好,建议有能力的还是不要封装!封装的小程序是不支持提交url适配以及sitemap!

是不是觉得很溜啊,赶紧去封装自己的网站试试。




特别声明:
1、如无特殊说明,内容均为本站原创发布,转载请注明出处;
2、部分转载文章已注明出处,转载目的为学习和交流,如有侵犯,请联系客服删除;
3、编辑非《源码码网》的文章均由用户编辑发布,不代表本站立场,如涉及侵犯,请联系删除;
全部评论(0)
推荐阅读
  • 陀螺匠OA办公系统源码 PHP + Vue 前后端分离 完整可商用
  • 陀螺匠OA办公系统源码 PHP + Vue 前后端分离 完整可商用
  • 项目介绍《陀螺匠》是一套采用Laravel9框架结合Swoole高性能框架与Vue.js前端技术栈构建的AI+低代码双引擎智能办公系统。陀螺匠深度融合了AI智能体以及低代码开发平台,系统简约,易于功能扩展,方便二次开发。旨在为企业提供一站式、数智化转型的全方位解决方案,助力企业高效运营与智能决策。源码说明源码说明:项目代码100%开源,基于AGPL-3.0,支持免费商用!技术栈:系统基于Laravel9+Swoole+Vue.
  • 软件教程
  • 来源:CRMEB
  • 编辑:CRMEB
  • 时间:2026-03-27 15:33
  • 阅读:655
  • open claw最近很火,如何理性看待?
  • open claw最近很火,如何理性看待?
  • openclaw是2026年初科技圈最火爆的现象级话题。它不仅仅是又一个AI产品,更被百川智能的王小川誉为与ChatGPT诞生同等重要的里程碑——标志着AI从”只会说”的对话者,进化到了”能够做”的行动者。对于这股全民”养虾”热潮,我的观察是:它代表了一次人机关系的革命性跃迁,但同时也是一场充满风险与泡沫的狂欢,其真正的价值需要在喧嚣褪去、安全与成本的挑战被克服后才能显现。下
  • 行业资讯
  • 来源:源码码网
  • 编辑:源码码网
  • 时间:2026-03-17 11:06
  • 阅读:717
  • 原生小程序和封装的小程序有什么区别
  • 原生小程序和封装的小程序有什么区别
  • 原生小程序和封装的小程序是两种不同的开发模式,主要区别在于开发方式、性能表现、代码维护以及跨平台能力。为了让你更清晰地理解,我们可以把“原生”比作用钢筋水泥直接盖楼,而“封装”则是用预制板或套件来组装楼。以下是详细的对比分析:1.定义与本质原生小程序:定义: 直接使用微信官方提供的开发工具、语法和API进行开发。语言: 使用微信自己定义的一套技术栈(WXML(微信标记语言)做结构、WXSS(微信样式表)做样式、JS
  • 行业资讯
  • 来源:源码码网
  • 编辑:源码码网
  • 时间:2026-03-06 11:54
  • 阅读:944
  • 基于NetCore(Razor Page)开发的Cms建站系统MIT协议
  • 基于NetCore(Razor Page)开发的Cms建站系统MIT协议
  • FytSoaCms一款基于NetCore2.2/3.1(RazorPage)功能强大的Cms建站系统,支持前后端分离。简介:模块化:全新的架构和模块化的开发机制,便于灵活扩展和二次开发。模型/栏目/分类信息体系:通过栏目和模型绑定,以及不同的模型类型,不同栏目可以实现差异化的功能,轻松实现诸如资讯、下载、讨论和图片等功能。通过分类信息和栏目绑定,可以自动建立索引表,轻松实现复杂的信息检索。FytSoa是一套基于NetCore+SqlS
  • 开发工具
  • 来源:gitee
  • 编辑:源码码网
  • 时间:2026-01-24 22:21
  • 阅读:799
  • 基于JAVA开发的企业级平台微信公众号管理系统SmartWx
  • 基于JAVA开发的企业级平台微信公众号管理系统SmartWx
  • SmartWx微信公众号管理系统是一个完整的微信公众号web操作版,直接编译即可运行。让用户不再用关心微信的底层接口,直接使用页面进行操作,简单方便。包括服务器绑定、文本管理、图文管理、菜单管理、粉丝管理、群发消息等。技术框架开发语言:JAVA数据库:MYSQLJAVA开发框架:SpringMVC+Spring+Mybatis缓存框架:j2cache前端开发框架:Layui+JQuery+html前台模板引擎:art-templat
  • 源码教程
  • 来源:gitee
  • 编辑:源码码网
  • 时间:2026-01-24 21:53
  • 阅读:833
联系客服
源码代售 源码咨询 技术开发 联系客服
029-84538663
手机版

扫一扫进手机版
返回顶部