网站改造为百度智能小程序教程，适合所有网站封装

panjinyou

最近懒癌又犯了，此篇文章是博主一直想写，但是提笔几次，都没事情打断耽搁了，今天重新审视自己的小程序，算是一鼓作气把这篇技术文档给完善出来，仅供参考，有问题，下面留言讨论。

小程序应用应该是百度首先提出的，但是被腾讯发扬光大，百度总是在技术上起个大早，赶个晚集！

但是博主这几天封装自己的WordPress站为百度智能小程序中发现，百度智能小程序还是可以搞一搞的，百度在移动端，向智能小程序全流量开放！

网站改造为百度智能小程序教程

百度智能小程序，开放百度全域千亿流量，流量天然可运营

从上图可以看出，百度智能小程序具有天然流量优势，并可以入驻百度信息流和贴吧推广，看到这，搞seo 的各位同学是不是很心动了？

废话不多说，今天博主带着大家把自己的网站封装为百度智能小程序，适用一切网站，你也可以拿来赚钱！

网站改造为百度智能小程序教程第一步：前提条件

1、营业执照。很遗憾百度智能小程序不支持个人开发，如果你没有营业执照，以下信息你就不必再看了！

2、你的网站必须有手机端，或者你的网站是h5(自适应网站)。

3、百度小程序账号，自己去注册。

4、下载百度小程序开发工具最新版

5、网站必须部署SSL证书。

第二步：打开开发者工具，填写信息

1、桌面新建空文件夹，自己命名（命名用英文，不多说）。

2、打开开发者工具，填写名称，路径选择你刚才新建的空文件夹（百度智能小程序会自动生成文件）。

网站改造为百度智能小程序教程，适合所有网站封装

网站封装百度智能小程序教程

3、小程序后台配置服务器域名，就是你网站的域名   设置--》开发设置--》服务器域名，改为你的网站域名

网站改造为百度智能小程序教程，适合所有网站封装

网站封装为百度智能小程序教程第三步，你需要修改两处文件，并需要一句代码

网站改造为百度智能小程序教程，适合所有网站封装

WordPress网站修改为百度智能小程序

利用百度智能小程序开发工具新建项目后，开发工具会自动生成代码包，你需要修改pages/index/index.json   和 pages/index/index.swan   这两个文件！

pages/index/index.json中

1. {
   
2. "navigationBarTitleText": "你自己的小程序名字"
   
3. }

复制代码

pages/index/index.swan中

将里面的代码全部替换为以下代码

1. <!-- index.swan -->
   
2. <web-view src="https://你的手机端网址.com"></web-view>

复制代码

第四步：百度小程序流量配置

这一步可能是所有seoer最想配置的一步

修改小程序文件 index.js

网站改造为百度智能小程序教程，适合所有网站封装

1. onShow(options) {
   
2.         swan.setPageInfo({
   
3.             title: '<font color="#1a1aa6" face="monospace" size="3"><span style="white-space: pre-wrap;">南京金友门户网（Go569.com）由六合潘金友网络科技服务中心主办，定位于为六合百姓生活服务，经过两年的不懈努力，六合生活网已发展成为六合的门户网站和城市名片</span></font>',
   
4.             keywords: '南京,六合生活,南京新闻,六合新闻,六合团购,二手市场',
   
5.             description: '南京金友门户网，做南京人的网上家园！',
   
6.             likes: '75',
   
7.             comments: '13',
   
8.             collects: '23',
   
9.             shares: '8',
   
10.             followers: '35',
    
11.             success: function () {
    
12.                 console.log('setPageInfo success');
    
13.             }
    
14.         })
    
15.   },

复制代码

将以上代码加入index.js中，修改其中的TDK为你自己的

至此，如果没其他问题你可以提交代码包，给百度审核了！

当然，百度智能小程序运营也是一门技术活，博主运营后补充教程，以上为基本的网站封装为百度智能小程序教程！