网站改成小程序,h5网站转换成微信小程序

时间:2023-01-23 14:23:10

由于小程序使用方便,
用户不安装就能使用,
而且可以在公众号文章中嵌入小程序,
快速提高转化率。

一些人给子恒老师留言“我们公司以前做好了网站,有没有方法,可以把网站转化成小程序呢”
答案是肯定的,
下面来说说怎么把网站生成小程序。

网站改成小程序,h5网站转换成微信小程序

一、 html5网站转小程序要用到的组件
在小程序基础库版1.6.4后,
微信团队提供了一个新组件web-view,
在web-view中可以显示你的html5网页。

二、 html5网站生成小程序流程
下面讲讲网站生成小程序的主要流程
2-1) 把网站从http升级到https
小程序为了安全,
不允许http的网页在web-view显示,
需要你先把网站升级到https。

网站改成小程序,h5网站转换成微信小程序

首先购买一个ssl安全证书,
然后根据你服务器的环境,
按照下面的教程进行配置就行。

猛击这里,
了解《nginx网站http升级到https详解

猛击这里,
了解《apache网站http升级到https详解

注意你的网站想要升级到https,
你的网站必须要求是VPS或者服务器类型,
如果你的网站只是虚拟空间,
是无法升级到https的,
因为虚拟空间类型的网站权限不够。

2-2) 进行小程序开发,把网站打包到小程序
网页封闭成小程序的开发,
主要是怎么使用小程序web-view组件,

2-3) 把小程序源代码上传审核
开发完后,
就可以把小程序源码上传到微信服务器审核,
通过审核后,
就能使用小程序了。

三、 html5网站生成小程序要注意的地方
3-1) 直接转换无法使用微信支付
如果你的网站,
原来可以进行微信支付,
网站直接做成的小程序,
是不能再使用的,
因为小程序跟微信公众号开发还是有一点区别的,
在小程序里,
只能打开小程序支付。

网站改成小程序,h5网站转换成微信小程序

可以通过开发的方法,
让html5网站在小程序里也能够使用小程序支付。

3-2) 对3D网站支付不怎么好
如果你的网站使用了大量的js 3D效果,
你的网站改成小程序后,
有些效果无法显示,
因为小程序在自己的框架对js做了封闭,
有些js函数无法使用,
特别是3D方面的。

如果你的网站是全景图,3D动画,网页游戏之类的,
要慎重考虑。

3-3) 性能有损失
网站小程序web-view组件,
需要把网页所有的资源加载过来,
而且这些资源是在你自己的web服务器上,
小程序加载过来后再渲染,
性能会损失,
如果你的小程序用户数量巨大,
特别明显。

网站改成小程序,h5网站转换成微信小程序

你可以自己开发把网站转化成小程序,
也可以让我们帮你把网站放到小程序里,
如果你的网站已经是https,
并且不需要微信支付,
只要998元就能帮你实现,
加子恒老师QQ/微信:68183131

当然如果你想要在网站里调用微信支付,
或者其它一些额外的功能,
费用根据你的网站情况和想要实现的功能决定,
加子恒老师QQ/微信:68183131
进行费用评估。


四、 网站转小程序你会遇到更深层次的问题
4-1) 要求你是网站的所有者
微信会验证你是不是网站的所有者,
要求你上传一个验证文件到你的网站上,
如果网站不是你的,
就无法转移到小程序。

比如你无法把子恒老师的网站,
转到你的小程序里。

4-2) 只有你网站上的资源才能在小程序里正常显示和使用
这里说的资源包括图片,视频,音频等,
如果你的网站上引用了第三方网站的资源,
转移到小程序后,
是无法显示和使用的。

比如你的网站引用了优酷视频,腾讯音乐,
这些视频和音乐,
无法在小程序里播放,
因为它们不是你网站的资源。

4-3) 在小程序里,只能显示你的网站中的页面
如果你的网站添加了很多第三方网页链接,
第三方的页面是无法显示的。

比如你的网页里,
有一个百度的链接,
用户点击后,
小程序里无法显示百度网页内容。

猛击这里
观看《充值小程序开发》系列视频,
学习开发自己的小程序。


网站改成小程序,h5网站转换成微信小程序