通过微信二维码，打开一个h5页面，h5页面要怎么做？

Question

pc端有个二维码，通过微信扫一扫，打开一个h5页面，请问这个h5页面要如何开发，pc端是用vue搭建的。请问，是要用什么脚手架搭建，还是直接写个响应式页面，求指点

Answer 1

你把二维码当不同url的网址处理就行
http://www.xxx.com/a
http://www.xxx.com/b
http://www.xxx.com/c
对应3个不同的二维码

Answer 2

是做响应式页面还是单独的H5页面，得根据当前的业务场景以及现有基础架构来定的啊，比如：

• 你要做一个招商广告业，没有任何功能交互，那写一个H5静态页
• 如果你分享的是一个商品，需要让用户登录下单购买啥的，那就不是一个简单的了，得整套流程支持
• 如果你是一个APP的下载引流页，那么得做好手机端的各种适配和识别
• 等等……

Answer 3

如果你没有特别需求的话，网页就是网页，在哪里都是网页，所以你按照之前的经验制作就好。

如果你有登录、付费等要求，可以好好看下微信的开发文档。

Answer 4

只是一个普通的H5页面而已。最后用H5页面地址生成一个二维码放到PC端就行。

Answer 5

二维码就是把一个字符串转换成图片了。

然后就是H5页面如何开发？

1. 移动端适配，vw、rem 方案都行。主要解决手机设备宽高不一致，提供视觉一致。
2. 脚手架的话还用 vue-cli 就行
3. pc 端 element-ui，移动端可以用 vant。差距都不大。

4. 然后就是微信环境内有他们自己提供的一些能力，需要引入他们的 jssdk

   1. 分享
   2. 选择文件
   3. 回流

Answer 6

我现在的问题是页面写好部署到服务器上面，微信扫描没有去跳转我的h5页面，手机上显示空白页面和data数据，就像吧一个请求地址放到浏览器上看到的是data数据一样。这个改如解决或者我这边router路由如何配置，要给出 二维码连接 ip地址后面的 路径地址吗？