uniapp微信登录注意事项(app端)

12

uniapp微信登录注意事项(app端)

uni-app微信登录注意事项(app端)

1. app SDK配置

在使用 uni-app 进行微信登录之前,我们需要先配置好 app SDK。具体步骤如下:

* 在微信开放平台中,创建一个新的应用,并填写相关信息,如应用名称、描述等。

* 在应用设置中,找到 "API证书"选项,并下载最新的 API证书(.p12 文件)。

* 在 uni-app项目中,打开 `uni-config.js` 文件,在其中添加以下代码:

```javascript wx.config({

debug: true, // 开启调试模式,调试时传为true,正式时可以设为false appId: '你的appid', // 必填,公众号的唯一标识 timestamp:2, // 必填,生成签名的时间戳 nonceStr: 'your_nounce_str', // 必填,生成签名的随机串 signature: '', // 必填,签名,自行计算好后填充 jsApiList: ['checkJsApi','chooseWXApp'] // 必填,需要使用的JS接口列表 });

wx.ready(function(){

console.log('微信sdk初始化成功');

});

wx.error(function(res){

console.log('微信sdk错误:'+res.errMsg);

});

```

2. 自定义基座

在使用 uni-app 开发应用时,支持实时在手机/模拟器上查看运行效果。具体步骤如下:

* 在 HBuilder/HBuilderX 中创建一个新的项目。

*选择 "uni-app" 作为开发模式。

* 在项目设置中,找到 "基座"选项,并选择自定义基座。

* 在自定义基座中,可以添加自己的 logo、颜色等信息。

3. 微信登录

在使用 uni-app 进行微信登录之前,我们需要先配置好 app SDK。具体步骤如下:

* 在 `uni-config.js` 文件中,找到 "wx" 对象,并添加以下代码:

```javascript wx.login({

success: function(res){

console.log('微信登录成功:'+res.code);

},

fail: function(res){

console.log('微信登录失败:'+res.errMsg);

}

});

```

4. 微信授权

在使用 uni-app 进行微信授权之前,我们需要先配置好 app SDK。具体步骤如下:

* 在 `uni-config.js` 文件中,找到 "wx" 对象,并添加以下代码:

```javascript wx.authorize({

scope: 'scope.userInfo',

success: function(res){

console.log('微信授权成功:'+res.errMsg);

},

fail: function(res){

console.log('微信授权失败:'+res.errMsg);

}

});

```

5. 微信分享

在使用 uni-app 进行微信分享之前,我们需要先配置好 app SDK。具体步骤如下:

* 在 `uni-config.js` 文件中,找到 "wx" 对象,并添加以下代码:

```javascript wx.shareAppMessage({

title: '分享标题',

desc: '分享描述',

imageUrl: '分享图片',

success: function(res){

console.log('微信分享成功:'+res.errMsg);

},

fail: function(res){

console.log('微信分享失败:'+res.errMsg);

}

});

```

6. 微信支付

在使用 uni-app 进行微信支付之前,我们需要先配置好 app SDK。具体步骤如下:

* 在 `uni-config.js` 文件中,找到 "wx" 对象,并添加以下代码:

```javascript wx.requestPayment({

timeOut:10000,

appId: 'your_appid',

partnerId: 'your_partner_id',

prepayId: 'your_prepay_id',

nonceStr: 'your_nonce_str',

packageValue: 'your_package_value',

signType: 'your_sign_type',

paySign: 'your_pay_sign',

success: function(res){

console.log('微信支付成功:'+res.errMsg);

},

fail: function(res){

console.log('微信支付失败:'+res.errMsg);

}

});

```

7. 微信卡券

在使用 uni-app 进行微信卡券之前,我们需要先配置好 app SDK。具体步骤如下:

* 在 `uni-config.js` 文件中,找到 "wx" 对象,并添加以下代码:

```javascript wx.addCard({

cardList: [

{

cardId: 'your_card_id',

cardExt: {

name: 'your_name',

logoUrl: 'your_logo_url'

}

}

],

success: function(res){

console.log('微信卡券成功:'+res.errMsg);

},

fail: function(res){

console.log('微信卡券失败:'+res.errMsg);

}

});

```

8. 微信小程序

在使用 uni-app 进行微信小程序之前,我们需要先配置好 app SDK。具体步骤如下:

* 在 `uni-config.js` 文件中,找到 "wx" 对象,并添加以下代码:

```javascript wx.openMiniProgram({

appId: 'your_appid',

path: '/pages/index/index',

extraData: {

foo: 'bar'

},

success: function(res){

console.log('微信小程序成功:'+res.errMsg);

},

fail: function(res){

console.log('微信小程序失败:'+res.errMsg);

}

});

```

9. 微信支付宝

在使用 uni-app 进行微信支付宝之前,我们需要先配置好 app SDK。具体步骤如下:

* 在 `uni-config.js` 文件中,找到 "wx" 对象,并添加以下代码:

```javascript wx.openAlipay({

appId: 'your_appid',

path: '/pages/index/index',

extraData: {

foo: 'bar'

},

success: function(res){

console.log('微信支付宝成功:'+res.errMsg);

},

fail: function(res){

console.log('微信支付宝失败:'+res.errMsg);

}

});

```

10. 微信QQ

在使用 uni-app 进行微信QQ之前,我们需要先配置好 app SDK。具体步骤如下:

* 在 `uni-config.js` 文件中,找到 "wx" 对象,并添加以下代码:

```javascript wx.openQQ({

appId: 'your_appid',

path: '/pages/index/index',

extraData: {

foo: 'bar'

},

success: function(res){

console.log('微信QQ成功:'+res.errMsg);

},

fail: function(res){

console.log('微信QQ失败:'+res.errMsg);

}

});

```

以上就是使用 uni-app 进行微信登录的注意事项。希望这些信息能够帮助你顺利完成微信登录功能。

登录uniappuinapp登录app登录uniapp配置app登录注意事项

版权声明:除非特别标注,否则均为网络文章,侵权请联系站长删除。

上一篇 微信登录获取扫码结果的原理

下一篇 uniapp微信登录