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