【微信小程序】判断用户是否从朋友圈进入小程序并传相关参
微信小程序判断用户是否从朋友圈进入并传递相关参数
在微信小程序中,通过分析 URL 参数,可以判断用户是否从朋友圈进入小程序,并传递相应的参数。
1. 从朋友圈进入的小程序
当用户点击朋友圈中的链接时,会跳转到对应的小程序。这个过程中,小程序可以接收到一个特殊的 URL 参数 `__biz`,它是微信服务器为每个小程序生成的一个唯一标识符。
2. 获取URL参数
在小程序中,可以通过以下方式获取 URL 参数:
```javascript// pages/index/index.jsPage({
onLoad: function(options) {
console.log(options);
}
});
```
在上述代码中,`options` 是一个对象,它包含了从 URL 中传递过来的所有参数。
3. 判断用户是否从朋友圈进入
为了判断用户是否从朋友圈进入小程序,我们需要检查 `__biz` 参数是否存在。如果存在,则说明用户是从朋友圈进入的。
```javascript// pages/index/index.jsPage({
onLoad: function(options) {
if (options.__biz) {
console.log('用户来自朋友圈');
} else {
console.log('用户不是来自朋友圈');
}
}
});
```
4.传递相关参数
如果用户是从朋友圈进入的,我们可以通过 `wx.setStorageSync` 方法将一些相关信息存储到本地缓存中。
```javascript// pages/index/index.jsPage({
onLoad: function(options) {
if (options.__biz) {
wx.setStorageSync('from_friend_circle', true);
console.log('已传递参数');
} else {
console.log('未传递参数');
}
}
});
```
5. 从朋友圈进入后跳转到指定页面
如果用户是从朋友圈进入的,我们可以通过 `wx.redirectTo` 方法跳转到指定的页面。
```javascript// pages/index/index.jsPage({
onLoad: function(options) {
if (options.__biz) {
wx.redirectTo({
url: '/pages/other-page/other-page',
});
} else {
console.log('未传递参数');
}
}
});
```
6. 小程序入口文件
在小程序的入口文件 `app.js` 中,我们需要配置一个路由规则,来捕捉从朋友圈进入的小程序。
```javascript// app.jsApp({
onLaunch: function(options) {
console.log(options);
},
});
```
7. 小程序配置
在小程序的配置文件 `config.json` 中,我们需要添加一个特殊的参数 `__biz`,来标识从朋友圈进入的小程序。
```json{
"pages": [
"index/index",
"other-page/other-page"
],
"__biz": true,
}
```
通过以上步骤,我们可以实现判断用户是否从朋友圈进入小程序,并传递相关参数的功能。