uniapp接入极光认证

1.uniapp接入极光认证

接入的话需要先购买插件到指定的项目(0)元,其中的难点并不是前端这边的接入,前端这边根据官方给出的api接是没有问题的,主要是前期的配置,一旦出错就调不起来授权的页面,报各种错,但官方给的解释也很详细,根据不同的错误代码排错即可,下面是我测试的代码:

<template>
	<view class="content">
		<image class="logo" src="/static/logo.png"></image>
		<view class="text-area"><button type="default" @click="login">授权</button></view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			jv: []
		};
	},
	onReady() {
		this.jv = uni.requireNativePlugin('JG-JVerification');
		this.jv.init(
			{
				timeout: 7000,
				isProduction: false
			},
			result => {
				let code = result.code;
				let desc = result.content;
			}
		);
		this.jv.isInitSuccess(result => {
			console.log(result);
			let isSucc = result.enable;
		});
	},
	methods: {
		login() {
			this.jv.loginAuth(
				{
					autoFinish: true,
					timeout: 5000
				},
				result => {
					console.log(result);
					// 结果监听
					let code = result.code;
					let loginToken = result.content;
					let operator = result.operator;
				},
				event => {
					console.log(event);
					// 事件监听
					let code = result.code;
					let eventDesc = result.content;
				}
			);
		}
	}
};
</script>

<style>
.content {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.logo {
	height: 200rpx;
	width: 200rpx;
	margin-top: 200rpx;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50rpx;
}

.text-area {
	display: flex;
	justify-content: center;
}

.title {
	font-size: 36rpx;
	color: #8f8f94;
}
</style>

这
这几个参数可以去极光的后台获取,appkey是极光开发者平台应用信息里面获取的,后台配置的时候需要前端提供包名,以及签名,配置好后把appkey复制过来即可,https://docs.jiguang.cn/jverification/guideline/faq/#android
上述链接为获取签名链接下载下来安装后生成即可开发者平台传的应用签名是这样获取的吗

2.下面说一下开发中遇到的难点

1.我介入的时候,一直提示
在这里插入图片描述
这个的原因是初始化失败,需要后台审核成功才行,根据上述配置好后,一般都可以调起授权页面,
在真机测试的时候要用自己的自定义基座。
2.出现下述原因一般是手机卡的apn设置出错,手机的apn设置的不是3gnet,必须设置这个才行
在这里插入图片描述
包名
在这里插入图片描述

按照上面步骤一般都可以成功,如果接入失败可加我qq:2609889146

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
为了在uniapp接入极光一键登录,需要进行以下步骤: 1.在极光官网注册并创建应用,获取AppKey和AppSecret。 2.在uniapp项目中安装jpush插件,可以使用以下命令进行安装: ```shell npm install jpush-uniapp --save ``` 3.在App.vue文件中引入jpush插件并初始化: ```javascript import JPush from 'jpush-uniapp' export default { onLaunch: function() { JPush.init() } } ``` 4.在需要使用一键登录的页面中,调用jpush插件的login方法: ```javascript import JPush from 'jpush-uniapp' JPush.login({ appKey: 'yourAppKey', authPageConfig: { authLoginPage: 'yourAuthLoginPage', authLogo: 'yourAuthLogo', authNavHidden: true, authStatusBarHidden: true, authCustom: { privacyOne: ['yourPrivacyUrl1', 'yourPrivacyTitle1'], privacyTwo: ['yourPrivacyUrl2', 'yourPrivacyTitle2'] } } }, (res) => { console.log(res) }) ``` 其中,appKey为在极光官网创建应用时获取的AppKey,authPageConfig为一键登录页面的配置信息,包括登录页、logo、隐私协议等。 5.在Android平台上,需要在AndroidManifest.xml文件中添加以下权限: ```xml <uses-permission android:name="android.permission.READ_PHONE_STATE" /> ``` 6.在iOS平台上,需要在Info.plist文件中添加以下权限: ```xml <key>NSPhotoLibraryUsageDescription</key> <string>需要您的同意,才能访问相册</string> <key>NSCameraUsageDescription</key> <string>需要您的同意,才能访问相机</string> <key>NSMicrophoneUsageDescription</key> <string>需要您的同意,才能访问麦克风</string> <key>NSContactsUsageDescription</key> <string>需要您的同意,才能访问通讯录</string> <key>NSLocationWhenInUseUsageDescription</key> <string>需要您的同意,才能访问位置</string> <key>NSLocationAlwaysUsageDescription</key> <string>需要您的同意,才能访问位置</string> <key>NSLocationAlwaysAndWhenInUseUsageDescription</key> <string>需要您的同意,才能访问位置</string> ```
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值