小程序嵌入网页跳转传参，获取openId方法全解

小程序嵌入网页向小程序跳转并传参，微信小程序中实现公众号授权获取openId
随着微信小程序的普及，越来越多的开发者开始尝试将小程序嵌入到网页中。然而，在实现小程序与网页之间的交互时，如何实现小程序之间的跳转并传递参数，以及如何在微信小程序中获取公众号的openId，成为了一个需要解决的问题。本文将详细介绍如何实现这些功能。
一、小程序嵌入网页向小程序跳转并传参

1. 实现小程序嵌入网页
   首先，需要在微信开发者工具中创建一个小程序项目，并在项目中添加一个用于嵌入网页的组件。在组件中，可以通过指定小程序的appid和路径来加载小程序。
2. 实现小程序之间的跳转
   在嵌入的小程序页面中，可以通过微信提供的wx.navigateToMiniProgram方法来实现小程序之间的跳转。该方法接受两个参数：appid和path。其中，appid是小程序的appid，path是小程序内的路径。
   同时，为了在跳转时传递参数，可以在wx.navigateToMiniProgram方法中添加query参数。例如：

   wx.navigateToMiniProgram({
   appid: '目标小程序的appid',
   path: '目标小程序的路径',
   query: {
   param1: 'value1',
   param2: 'value2'
   }
   });

   在目标小程序中，可以通过wx.getMiniProgramState方法获取query参数。例如：

   wx.getMiniProgramState({
   appid: '目标小程序的appid',
   path: '目标小程序的路径',
   success: function(res) {
   console.log(res.query); // 打印出query参数
   }
   });

   二、微信小程序中实现公众号授权获取openId
3. 获取授权码
   在微信小程序中，可以通过调用wx.login方法获取授权码。该方法返回一个包含授权码的字符串。例如：

   wx.login({
   success: function(res) {
   console.log(res.code); // 打印出授权码
   }
   });

4. 调用公众号接口获取openId
   获得授权码后，需要将其发送到公众号服务器，并调用公众号接口获取openId。具体步骤如下：
   a. 将授权码发送到公众号服务器。可以使用HTTPS协议将授权码发送到公众号服务器的接口地址。例如：https://api.weixin.qq.com/sns/jscode2session?appid=公众号的appid&secret=公众号的secret&js_code=授权码&grant_type=authorization_code。其中，公众号的appid和secret可以从公众号的后台获取。
   b. 公众号服务器接收到请求后，会返回一个包含openId和session_key的JSON字符串。例如：{ “openid”: “openid”, “session_key”: “session_key” }。其中，openid是用户的openId，session_key是用于加密消息的密钥。
   c. 在微信小程序中，可以通过调用wx.getUserInfo方法获取用户的openId和加密消息的密钥。例如：

   wx.getUserInfo({
   provider: 'weixin', // 指定使用微信登录方式获取用户信息
   success: function(res) {
   console.log(res.openId); // 打印出用户的openId
   console.log(res.sessionKey); // 打印出加密消息的密钥
   }
   });