H5网站转微信小程序通用教程(几分钟教会你制作网页小程序)

H5网站转微信小程序通用教程(几分钟教会你制作网页小程序)

H5网站转微信小程序通用教程(几分钟教会你制作网页小程序)

H5网站转微信小程序通用教程(几分钟教会你制作网页小程序)

H5网站转微信小程序通用教程(几分钟教会你制作网页小程序)

这是一个h5网站或网页转微信小程序的通用教程,可以让你简单的学个几分钟就可以制作一款网页小程序,这里我们以一个html5小游戏为例,演示快速实现制作一个网页小程序。

1.首先我们要准备一台电脑,需要注册一个小程序(个人或企业都可以),一个国内的备案域名,部署SSL证书(注册小程序或部署ssl这些教程就不讲了,比较简单之前也发过,如果没有注册过或者搭建过网站的朋友可以看首页的置顶文章)。

2.以上内容准备完毕以后,登录微信公众平台,选择我们刚刚注册的小程序,然后进入开发管理,配置我们备案过的域名。

H5网站转微信小程序通用教程(几分钟教会你制作网页小程序)

H5网站转微信小程序通用教程(几分钟教会你制作网页小程序)

H5网站转微信小程序通用教程(几分钟教会你制作网页小程序)

H5网站转微信小程序通用教程(几分钟教会你制作网页小程序)

3.添加完业务域名就可以进行去微信开发者工具创建小程序了,打开微信开发者工具选择我们刚刚创建的小程序,不要选择云开发,初始模板选择默认模板,然后点击确定创建小程序。

H5网站转微信小程序通用教程(几分钟教会你制作网页小程序)

H5网站转微信小程序通用教程(几分钟教会你制作网页小程序)

4.创建完小程序以后进入page/index/index.wxml文件,把里面的默认内容全部删除掉,把以下代码添加到这个文件中,记得把域名替换成我们在微信公众平台添加的业务域名。

 Markup
<view>
     <web-view src="https://你的域名/"></web-view> 
</view>
H5网站转微信小程序通用教程(几分钟教会你制作网页小程序)

H5网站转微信小程序通用教程(几分钟教会你制作网页小程序)

5.如果需要修改小程序的标题的话就进入app.json文件,如图,直接更换标题名称即可,这样小程序默认打开就会加载这个标题,等网站彻底载入之后才会显示网站的标题。

H5网站转微信小程序通用教程(几分钟教会你制作网页小程序)

H5网站转微信小程序通用教程(几分钟教会你制作网页小程序)

 收藏 (0) 打赏

您可以选择一种方式赞助本站

支付宝扫一扫赞助

微信钱包扫描赞助

除特别注明外,本站所有文章均基于CC-BY-NC-SA 4.0原创,转载请注明出处。
文章名称:《H5网站转微信小程序通用教程(几分钟教会你制作网页小程序)》
文章链接:https://www.vvso.cn/xlbk/19460.html
分享到: 更多 (0)

热门文章

评论 抢沙发

切换注册

登录

忘记密码 ?

切换登录

注册