当前位置:首页 > 原创 > 正文内容

如果快速将手机网页转为微信小程序?

Z先生7年前 (2018-02-03)原创2294

前置条件:

1、认证过的服务号
2、开通HTTPS
3、webview 指向网页的链接。需登录小程序管理后台配置域名白名单。


大概步骤如下:

1、下载微信开发者工具

https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html

2、安装好之后,打开微信开发者工具新建项目,选择项目目录,输入APPID、项目名称,确定

image.png

3、打开app.json文件

将pages项目中多余的代码删除

navigationBarTitleText 项目对应的小程序名字,修改一下。

image.png

保存

4、打开/pages/index/index.wxml文件

将文件中内容清空,粘贴一下代码:

 <web-view src="https://www.yiyongyun.com"></web-view>

image.png

保存


5、调试

保存后

预览区域会出现不支持打开非业务域名https://www.yiyongyun.com,请重新配置

image.png

如果本地调试,只需要打开项目详情,勾选不校验安全域名、web-view域名、TLS版本以及HTTPS证书

image.png

如果线上,就要设置小程序平台配置域名白名单。


6、发布

直接点击上传,根据引导提示一步步操作即可。

image.png



分享给朋友:

相关文章

欣达软件从easyui中提出的精简版表单验证,可以和jquery.fom配套使用(含演示代码)

使用方法:1、引用Jquery库、Jquery.form库。2、引用easy-validate样式文件(tips的样式)以及js文件<link href="easy-vali...

谈探针盒子

谈探针盒子

今天无意看到《视觉志》公众号上一篇关于明星账单以及隐私问题。在里面发现了一个设备,名曰“探针盒子”,美名其曰可以获取手机号,然后拨打电话。本着技术宅的心态,看看这个设备到底是如何实现这个功能的。结果发...

开始使用vsCode

开始使用vsCode,这里收集整理自己用的插件和配置文件。 常用插件Beautify Auto Close Tag Auto Rename Tag Clone Chinese(Simplifi...

7zip文件夹自动备份脚本

7zip文件夹自动备份脚本 功能如下: 子文件夹独立备份成文件清理3天前的备份数据排除指定文件(指定子目录还是有问题,排除文件在unback.txt文件中) 主文件: @echo off...

ZBlog Markdown编辑器

# 背景 喜欢Markdown的简洁代码,又喜欢wysiwyg所见即所得,所以在Vditor基础上就产生了《超级Markdown编辑器》 # 特色功能 ## 牛叉的功能 * 兼...

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。