南京金友网

 找回密码
 立即注册

QQ登录

只需一步,快速开始

微信登录

微信扫一扫,快速登录

查看: 159|回复: 0
收起左侧

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

[复制链接]
累计签到:416 天
连续签到:1 天

584

主题

654

帖子

9832

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
9832

最佳新人活跃会员热心会员推广达人宣传达人灌水之王突出贡献优秀版主荣誉管理论坛元老

发表于 2021-9-11 09:22:57 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册 微信登录

x
最近懒癌又犯了,此篇文章是博主一直想写,但是提笔几次,都没事情打断耽搁了,今天重新审视自己的小程序,算是一鼓作气把这篇技术文档给完善出来,仅供参考,有问题,下面留言讨论。
小程序应用应该是百度首先提出的,但是被腾讯发扬光大,百度总是在技术上起个大早,赶个晚集!
但是博主这几天封装自己的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为你自己的
至此,如果没其他问题你可以提交代码包,给百度审核了!

当然,百度智能小程序运营也是一门技术活,博主运营后补充教程,以上为基本的网站封装为百度智能小程序教程!
"小礼物走一走,来南京金友网支持我"
还没有人打赏,支持一下

上一篇:discuz论坛小程序开通教程
下一篇:Html5手机端网址封装成微信小程序的教程
走自己的路
您需要登录后才可以回帖 登录 | 立即注册 微信登录

本版积分规则


嗨!您好:
欢迎来到 南京金友网。
我的名字叫梦宝
很高兴能够为您服务!
如果已经注册【立即登录】
还没有账号请【立即注册】
快速回复 返回顶部 返回列表