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

danranshizhi
  • 143

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

回复
阅读 1.4k
6 个回答

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

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

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

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

image.png

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

  1. 移动端适配,vw、rem 方案都行。主要解决手机设备宽高不一致,提供视觉一致。
  2. 脚手架的话还用 vue-cli 就行
  3. pc 端 element-ui,移动端可以用 vant。差距都不大。
  4. 然后就是微信环境内有他们自己提供的一些能力,需要引入他们的 jssdk

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

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

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

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

你知道吗?

宣传栏