手机网站转成微信小程序:如何将手机站网站整合在小程序里

  • A+
所属分类技术宅
   微信小程序已经推出近2年了发展,小程序已经被广大微信用户所熟悉,特别是小游戏类的、心灵鸡汤类的,这些转发的次数比较多。好多餐饮业的店铺也已经开始用小程序来给客户点餐了。为什么小程序发展这么迅速?主要是因为它的转发分享比较方便吧,利于传播。
   那么可不可以把自己公司的手机站(或是网站的手机端)转化成为小程序呢?当然可以啦,特别是2017年小程序的web-view组件发布以来,它可以轻松的把手机站给整合到小程序里来。

   下面发菜工作室就详细讲下手机网站怎么移植转换到小程序里…

双色球走势图 www.zau8.cn 一、 手机网站特点
一些公司和企业,
在前几年开发建设了自己的手机移动网站,
有下面一些特点:
1-1) 已经投入几千,几万甚至几十万
把手机网站设计开发得很漂亮。
1-2) 已经上传很多内容到手机网站上
自己公司介绍,
活动信息,
产品详情…
都上传到网站上了
如果能把这些资源直接利用起来,
放到小程序里,
可以节省很多人力和财力。
下面来看看你的手机网站能不能转移到微信小程序…
二、 手机网站转小程序的基础条件和准备
因为小程序对安全很重视,
所以并不是每个网站都能够转到小程序里,
需要你的手机网站具备一定的条件,
如果你达不到,
就需要先升级你的手机网站,
下面是一些硬性条件,
一定要具备…
2-1) 域名备案
国内的网站,
都会备案,
如果你是国外网站做国内的业务,
需要先备案。
2-2) 你是域名网站的所有者
你的手机网站要打包到小程序,
微信会先验证网站是不是你的,
让你上传一个验证文件到网站上。
有些朋友的网站是别人域名下的一个二级域名目录,
是无法转到小程序的。

2-3) 你的网站必须是 https 类型
这个是保证小程序信息安全的手段,
特别是一些带有微信在线支付功能小程序,
为了保证交易安全,
一定要使用https通信。

https网站

如果你的手机网站是http类型,
首先要做的就是,
把你的网站从 http 升级到 https,
购买https安全证书,
阿里云有免费的证书,大家可以去看看。

三、 手机网站转成小程序的方法和流程
手机网站转成微信小程序,
需要使用到小程序的 web-view组件,小程序打开手机网站效果如图:

手机网站转成微信小程序
手机网站在小程序开发工具中的效果

移植具体的流程和方法如下
3-1) 把网站升级到 https
3-2) 小程序后台设置业务域名

3-3) 使用小程序的web-view组件开发
把手机网站打包生成小程序,
假如首页就调用手机站:
那么index.wxml的代码就这样写:
<!-- wxml -->
<!-- 指向微信公众平台首页的web-view -->
<web-view src="//www.zau8.cn/"></web-view>

如何分享?以下是代码,

Page({
  onShareAppMessage(options) {
    console.log(options.webViewUrl)
return {
      success: function (res) {
        // 转发成功
        wx.showToast({
          title: "转发成功",
          icon: 'success',
          duration: 2000
        })
      },
      fail: function (res) {
        // 转发失败
        wx.showToast({
          title: '分享失败',
          icon: 'cancel',
          duration: 2000
        })
      }
    }
} })

主要用到的函数有:

onLoad(加载手机网页),

bindGetMsg(获取手机端数据),

onShareAppMessage(分享给微信好友);

3-4) 上传小程序源代码 通过小程序开发工具, 把小程序源码上传到微信服务器审核, 一般情况2-5个工作日就能通过, 你会看到小程序能显示你手机网站的内容了。 你可以自己开发把手机网站转化成小程序, 也可以让我们帮你把网站放到小程序里, 如果你的网站已经是https, 并且不需要微信支付, 只要稍微整改一下手机站,做一下数据交换就能实现, 欢迎加发菜的微信或QQ进行咨询哦。

本文地址://www.zau8.cn/js/382.html

mlogo
  • 绝大多数中小微企业因无人员、无技术、资金少而难以实现互联网化或移动营销。如何教会他们使用互联网,帮助他们从互联网尤其是移动互联网中获得更多商机和生意,是我们的使命。

发表评论

看不清?点击更换

欢迎大家盖楼评论,头像就看运气啦....