问答

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

作者:admin 2021-06-12 我要评论

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

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

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

###

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

###

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

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

###

只是一个普通的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的下载引流页,那么得做好手机端的各种适配和识别
  • 等等……
###

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

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • 通过微信二维码,打开一个h5页面,h5页

    通过微信二维码,打开一个h5页面,h5页

  • 数组更新渲染过慢

    数组更新渲染过慢

  • nginx设置了证书后返回502

    nginx设置了证书后返回502

  • 关于python遍历字典基础

    关于python遍历字典基础

腾讯云代理商
海外云服务器