小程序和H5的交互

小程序和H5的交互
最近做一个小程序，是H5页面写的，但是需要用到小程序的定位，获取手机号信息等等API，所以一起说一下怎么在H5页面里面去用，首先配置域名这些就不多说了，自己做了解，直接上代码，以跳转微信地图定位为例子，首先看H5部分的
我这是vue的项目，所以引用微信的sdk是这样的，如果是jQuery的，可以直接script标签引入

import wx from 'weixin-js-sdk'

然后是点击跳转到地图页面的事件

toMapView(){
	wx.miniProgram.navigateTo({
        url: '/pages/map/position?lat='+_this.latitude+'&lon='+_this.longitude,
        success: function() {
          console.log('success')
        })
	})
}

这里的意思是点击之后，跳到一个小程序自己的页面，URL就是小程序里的路由，后面跟着的参数是我H5这里获取到的经纬度，这里H5部分就完了，看小程序部分，首先在app.json里面把上面用到的路由页面配置好

{
  "pages": [
    "pages/map/position",
  ]
 }

然后我们在pages里面建一个map的文件夹，这是我的项目路径