微信小程序URL里带参数怎么设置，怎么取值

在小枝乱程序开发中经常会用到跨页面传值告租，我们常用的一般为全局变量传值和URL参数传值。在全局变量传值过程中，我们可通过var app=getApp()，获取到全局变量app，然后将需要传递的值赋值到全局变量中,如app.getID='18996759675'。

此时，我们已经将需要传递的值存储到全局变量中，然后我们在需要调用的地方，调用全局变量getApp()中之前存储的值，如phone:getApp().getId，随即取出了之前传递的值。

除了全局变量传值，我们还可以通过URL参数传值，URL参数传值的话，从上一个页面中传递某袜搭兆一个参数到编辑页面，以读取数据供填充之用

在读取页面实现onLoad(options)方法，从url路径中获取传递的参数值getId.

 功能已通过原生+vue混合开发的方式实现了，现需要将这个功能原封不动的搬到微信小程序。综合各方面评估，选择了微信小程序套webview的方式实现（若时间允许，建议还是通过小程序实现）。

 采用小程序webview的方式，可以复用大部分H5页面，但H5调用团歼的原生方法还是需要重新实现。实现方式主要分以下几种情况（当然也可以通过jssdk的方式去实现 https://qydev.weixin.qq.com/wiki/index.php?title=%E5%BE%AE%E4%BF%A1JS-SDK%E6%8E%A5%E5%8F%A3 ，但不在本文讨论范围内）：

 (1) 获取照片，可通过html的input标签实现；

 (2) 获取经纬度，可通过webview的url拼接参数实现；

  (3) 人脸识别，可通过H5调起刷脸小程序的方式实现。

 下面主要描述下第3种情况的实现方式。

 H5与小程序交互所涉及的数据部分主要包括两块：

 (1)H5如何将数据传给小程序？

   url参数拼接。

 (2)小程序如何将数据传给H5？

   wx.setStorage及wx.getStorage。

 详细流程如图所示。

 webview小程序pageA调起人脸小程序pageB，pageB回退到pageA。因为pageA重新设置了webview的url，其所嵌套的H5与历史H5页档派面无法进行数据共享，导致业务功塌蠢冲能无法继续。解决办法就是调起人脸小程序之前，在H5页面先将必要的信息通过 localStorage.setItem 保存，人脸识别结束回到H5页面时，再通过 localStorage. getItem 获取所需要的业务数据。

---