1. Toy模板网首页
  2. > Toy博客

uniapp 抖音授权登录、发布、分享 Ba-Aweme

9月前 作者：三杯五岳 分类：Toy博客 阅读(29) 违法举报

这篇具有很好参考价值的文章主要介绍了uniapp 抖音授权登录、发布、分享 Ba-Aweme。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

简介（下载地址）

Ba-Aweme 是一个集成抖音的uniapp插件，支持抖音授权登录，发布图片、视频，分享到联系人群组，直接拍摄等。自带选择图片和选择视频方法。

注意： 使用前，先到抖音开放平台，申请clientKey

截图展示

uniapp 抖音授权登录、发布、分享 Ba-Aweme
uniapp 抖音授权登录、发布、分享 Ba-Aweme

使用方法

在 script 中引入组件

	const aweme = uni.requireNativePlugin('Ba-Aweme');

在 script 中调用（示例参考，可根据自己业务和调用方法自行修改）

		methods: {
			init() { //初始化
				aweme.init({
						clientkey: 'awsxdh3k1fiojgnu' // 需要到开发者网站申请
					},
					(res) => {
						console.log(res)
						uni.showToast({
							title: res.msg,
							icon: "none",
							duration: 3000
						})
					});
			},
			sendAuth() { //授权登录
				aweme.sendAuth({
						scope: 'user_info', //授权域是指您的应用使用抖音授权之后，可以获得抖音用户的哪些信息，目前开放了user_info 授权域，表示可以获得请求用户头像、昵称等相关信息的权限，如果有多种必选权限，权限之间请使用逗号隔开, "xxx,xxx"。
						state: '', //用于保持请求和回调的状态，授权请求后原样带回给第三方，可传任意 String。
						optionalScope0: '', //用户可选授权域，默认不勾选。
						optionalScope1: '', //用户可选授权域，默认勾选。
					},
					(res) => {
						console.log(res)
						if (res.data) {
							this.msgList.push(JSON.stringify(res.data));
						}
						uni.showToast({
							title: res.msg,
							icon: "none",
							duration: 3000
						})
					});
			},
			isAppSupportMixShare() { //是否支持了图片视频混合内容的分享（抖音版本 17.4）
				aweme.isAppSupportMixShare(
					(res) => {
						console.log(res)
						if (res.data) {
							this.msgList.push(JSON.stringify(res.data));
						} else {
							uni.showToast({
								title: res.msg,
								icon: "none",
								duration: 3000
							})
						}
					});
			},
			shareImage() { //分享图片
				aweme.shareImage({
						imagePaths: this.mediaPaths, //图片路径，可多个
						hashTagList: ['话题1', '话题2'], //默认话题
						state: 'ww',
					},
					(res) => {
						console.log(res)
						if (res.data) {
							this.msgList.push(JSON.stringify(res.data));
						} else {
							uni.showToast({
								title: res.msg,
								icon: "none",
								duration: 3000
							})
						}
					});
			},
			shareImageN() { //分享发布（新分享单图/多图 支持开启图集模式；需升级到0.1.9.4以上）
				aweme.shareImageN({
						imagePaths: this.mediaPaths, //图片路径，可多个
						hashTagList: ['话题1', '话题2'], //默认话题
						state: 'ww',
						isImageAlbum: true, //是否开启图集模式
					},
					(res) => {
						console.log(res)
						if (res.data) {
							this.msgList.push(JSON.stringify(res.data));
						} else {
							uni.showToast({
								title: res.msg,
								icon: "none",
								duration: 3000
							})
						}
					});
			},
			shareVideo() { //分享视频
				aweme.shareVideo({
						videoPaths: this.mediaPaths, //视频路径，可多个
						hashTagList: ['话题1', '话题2'], //默认话题
						state: 'ww',
					},
					(res) => {
						console.log(res)
						if (res.data) {
							this.msgList.push(JSON.stringify(res.data));
						} else {
							uni.showToast({
								title: res.msg,
								icon: "none",
								duration: 3000
							})
						}
					});
			},
			shareMix() { //分享混合内容（要求SDK版本至少为0.1.7.0，抖音版本至少为17.4）
				aweme.shareMix({
						mixPaths: this.mediaPaths, //路径，可多个
						hashTagList: ['话题1', '话题2'], //默认话题
						state: 'ww',
					},
					(res) => {
						console.log(res)
						if (res.data) {
							this.msgList.push(JSON.stringify(res.data));
						} else {
							uni.showToast({
								title: res.msg,
								icon: "none",
								duration: 3000
							})
						}
					});
			},
			shareToContacts() { //分享给抖音好友或群（注意： 只能传入一张图片，目前只支持单图且为本地图片
				aweme.shareToContacts({
						imagePaths: this.mediaPaths, //图片
						state: 'ww',
					},
					(res) => {
						console.log(res)
						if (res.data) {
							this.msgList.push(JSON.stringify(res.data));
						} else {
							uni.showToast({
								title: res.msg,
								icon: "none",
								duration: 3000
							})
						}
					});
			},
			shareToContactsHtml() { //分享给抖音好友或群（html）
				aweme.shareToContactsHtml({
						html: "", //你的html链接（必填）
						discription: "", //你的html描述（必填）
						title: "", //你的html  title（必填）
						thumbUrl: "", //你的html的封面图(远程图片) （选填，若不填，则使用开放平台官网申请时上传的图标）
						state: 'ww',
					},
					(res) => {
						console.log(res)
						if (res.data) {
							this.msgList.push(JSON.stringify(res.data));
						} else {
							uni.showToast({
								title: res.msg,
								icon: "none",
								duration: 3000
							})
						}
					});
			},
			openRecordPage() { //打开抖音拍摄页
				aweme.openRecordPage({
						appTitle: "", //小程序title
						discription: "", //描述
						appId: "", //小程序AppId
						appUrl: "", //小程序路径
						state: '',
					},
					(res) => {
						console.log(res)
						if (res.data) {
							this.msgList.push(JSON.stringify(res.data));
						} else {
							uni.showToast({
								title: res.msg,
								icon: "none",
								duration: 3000
							})
						}
					});
			},
			chooseSysImage() { //选择图片（系统）
				aweme.chooseSysImage(
					(res) => {
						console.log(res)
						if (res.data) {
							this.msgList.push(JSON.stringify(res.data));
						} else {
							uni.showToast({
								title: res.msg,
								icon: "none",
								duration: 3000
							})
						}
					});
			},
			chooseSysVideo() { //选择视频（系统）
				aweme.chooseSysVideo(
					(res) => {
						console.log(res)
						if (res.data) {
							this.msgList.push(JSON.stringify(res.data));
						} else {
							uni.showToast({
								title: res.msg,
								icon: "none",
								duration: 3000
							})
						}
					});
			},
			chooseImage() { //选择图片（uniapp）
				let that = this;
				uni.chooseImage({
					count: 9,
					sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
					sourceType: ['album'], //从相册选择
					success: function(res) {
						console.log(JSON.stringify(res.tempFilePaths));
						that.mediaPaths = res.tempFilePaths;
						// uni.getImageInfo({
						// 	src: res.tempFilePaths[0],
						// 	success: function(image) {
						// 		that.path = image.path;
						// 		console.log(image);
						// 	}
						// });
					}
				})
			},
			chooseVideo() { //选择视频（uniapp）
				let that = this;
				uni.chooseVideo({
					sourceType: ['camera', 'album'],
					success: function(res) {
						console.log(JSON.stringify(res.tempFilePath));
						that.mediaPaths.push(res.tempFilePath);
					}
				})
			},
		}

api 列表

方法名 说明
init 初始化
sendAuth 授权登录
shareImage 分享发布（旧分享单图/多图）
shareImageN 分享发布（新分享单图/多图 支持开启图集模式；需升级到0.1.9.4以上）
shareVideo 分享视频
isAppSupportMixShare 是否支持混合分享
shareMix 分享混合内容（要求SDK版本至少为0.1.7.0，抖音版本至少为17.4）
shareToContacts 分享给抖音好友或群（只能传入一张图片，目前只支持单图且为本地图片）
shareToContactsHtml 分享给抖音好友或群（html）
openRecordPage 打开抖音拍摄页
chooseSysImage 选择图片（系统）
chooseSysVideo 选择视频（系统）

init 方法参数

属性名 类型 必填 默认值 说明
clientkey String true key，需要到开发者网站申请

sendAuth 方法参数

属性名 类型 必填 默认值 说明
scope String true ‘user_info’ 授权域是指您的应用使用抖音授权之后，可以获得抖音用户的哪些信息，目前开放了user_info 授权域，表示可以获得请求用户头像、昵称等相关信息的权限，如果有多种必选权限，权限之间请使用逗号隔开, “xxx,xxx”。
state String false 用于保持请求和回调的状态，授权请求后原样带回给第三方，可传任意 String。
optionalScope0 String false ‘mobile’ 用户可选授权域，默认不勾选。
optionalScope1 String false 用户可选授权域，默认勾选。

shareImage 方法参数

属性名 类型 必填 默认值 说明
imagePaths Array true 本地图片路径，可多个，如：[‘路径1’, ‘路径2’]
hashTagList Array false 话题，支持多个，如：[‘话题1’, ‘话题2’]
state String false 用于保持请求和回调的状态，授权请求后原样带回给第三方，可传任意 String。

shareImageN 方法参数

属性名 类型 必填 默认值 说明
imagePaths Array true 本地图片路径，可多个，如：[‘路径1’, ‘路径2’]
hashTagList Array false 话题，支持多个，如：[‘话题1’, ‘话题2’]
state String false 用于保持请求和回调的状态，授权请求后原样带回给第三方，可传任意 String。
isImageAlbum String false false 是否开启图集模式

shareVideo 方法参数

属性名 类型 必填 默认值 说明
videoPaths Array true 本地视频路径，可多个，如：[‘路径1’, ‘路径2’]
hashTagList Array false 话题，支持多个，如：[‘话题1’, ‘话题2’]
state String false 用于保持请求和回调的状态，授权请求后原样带回给第三方，可传任意 String。

shareMix 方法参数

属性名 类型 必填 默认值 说明
mixPaths Array true 本地视频和图片路径，可多个，如：[‘路径1’, ‘路径2’]
hashTagList Array false 话题，支持多个，如：[‘话题1’, ‘话题2’]
state String false 用于保持请求和回调的状态，授权请求后原样带回给第三方，可传任意 String。

shareToContacts 方法参数

属性名 类型 必填 默认值 说明
imagePaths Array true 本地图片路径，单个，如：[‘路径1’]
state String false 用于保持请求和回调的状态，授权请求后原样带回给第三方，可传任意 String。

shareToContactsHtml 方法参数

属性名 类型 必填 默认值 说明
html String true 你的html链接（必填）
discription String true 你的html描述（必填）
html String true 你的html title（必填）
html String false 你的html的封面图(远程图片) （选填，若不填，则使用开放平台官网申请时上传的图标）
state String false 用于保持请求和回调的状态，授权请求后原样带回给第三方，可传任意 String。

openRecordPage 方法参数

属性名 类型 必填 默认值 说明
appTitle String false 小程序title
appTitle String false 描述
appTitle String false 小程序AppId
appTitle String false 小程序路径
state String false 用于保持请求和回调的状态，授权请求后原样带回给第三方，可传任意 String。

系列插件

图片选择插件 Ba-MediaPicker （文档）

图片编辑插件 Ba-ImageEditor （文档）

文件选择插件 Ba-FilePicker （文档）

应用消息通知插件（多种样式，新增支持常驻通知模式） Ba-Notify（文档）

自定义通知（耳机电量）插件 Ba-NotifyEarphone（文档）

应用未读角标插件 Ba-Shortcut-Badge （文档）

应用开机自启插件 Ba-Autoboot（文档）

扫码原生插件（毫秒级、支持多码）Ba-Scanner-G（文档）

扫码原生插件 - 新（可任意自定义界面版本；支持连续扫码；支持设置扫码格式）Ba-Scanner（文档）

动态修改状态栏、导航栏背景色、字体颜色插件 Ba-AppBar（文档）

原生sqlite本地数据库管理 Ba-Sqlite（文档）

安卓保活插件（采用多种主流技术） Ba-KeepAlive（文档）

安卓保活套装（通用、常驻通知、电池优化、自启管理、后台运行等）（文档）

安卓快捷方式（桌面长按app图标） Ba-Shortcut（文档）

自定义图片水印（任意位置） Ba-Watermark（文档）

最接近微信的图片压缩插件 Ba-ImageCompressor（文档）

视频压缩、视频剪辑插件 Ba-VideoCompressor（文档）

动态切换应用图标、名称（如新年、国庆等） Ba-ChangeIcon（文档）

原生Toast弹窗提示（穿透所有界面、穿透原生；自定义颜色、图标 ） Ba-Toast（文档）

图片涂鸦、画笔 Ba-ImagePaint（文档）

pdf阅读（手势缩放、显示页数） Ba-Pdf（文档）

声音提示、震动提示、语音播报 Ba-Beep（文档）

websocket原生服务（自动重连、心跳检测） Ba-Websocket（文档）

短信监听（验证码） Ba-Sms（文档）

智能安装（自动升级） Ba-SmartUpgrade（文档）

监听系统广播、自定义广播 Ba-Broadcast（文档）

监听通知栏消息（支持白名单、黑名单、过滤） Ba-NotifyListener（文档）

全局置灰、哀悼置灰（可动态、同时支持nvue、vue） Ba-Gray（文档）

获取设备唯一标识（OAID、AAID、IMEI等） Ba-IdCode（文档）

实时定位（系统、后台运行、支持息屏）插件 Ba-Location（文档）

实时定位（高德、后台运行、支持息屏、坐标转换、距离计算） Ba-LocationAMap（文档）

窗口小工具、桌面小部件、微件 Ba-AppWidget（文档）

窗口小工具、桌面小部件、微件（日历、时间） Ba-AwCalendarS（文档）

画中画悬浮窗（视频） Ba-VideoPip（文档）

悬浮窗（在其他应用上层显示） Ba-FloatWindow（文档）

悬浮窗（应用内、无需授权） Ba-FloatWindow2（文档）

悬浮窗（悬浮球、动态菜单、在其他应用上层显示） Ba-FloatBall（文档）

添加到“用其他应用打开”中，用于文件传递、分享等 Ba-ShareReceive（文档）

获取地图数据（高德、地理编码、反地理编码） Ba-AMapData（文档）

来电显示悬浮窗插件（支持锁屏） Ba-CallerID（文档）文章来源地址https://www.toymoban.com/news/detail-434345.html

到了这里，关于uniapp 抖音授权登录、发布、分享 Ba-Aweme的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处： 如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！

分享到：
领支付宝红包 赞助服务器费用

相关文章

  • 新！uniapp微信小程序微信授权登录

    新！uniapp微信小程序微信授权登录

     11月后，微信小程序对于微信授权登录做了逻辑上的更改，之前的一键授权获取用户信息的功能已不再适用。已发布审核完成的小程序不受影响，但要想再发布，只能换成新的登陆逻辑了。 首先，要说明的，个人中心页面，未登陆时，应有登陆按钮，最好不要通过路由守卫

    2024年02月09日
    浏览(52)
  • uniapp微信公众号h5微信授权登录

    uniapp微信公众号h5微信授权登录

    在微信客户端中访问第三方网页，公众号可通过微信网页授权机制，来获取用户基本信息，进而实现业务逻辑。 关于公众号网页授权前期准备： 1.微信公众号开发，首先要搞一个公众号，开发阶段可以申请一个公众平台测试账号。 (进入到微信公众公众平台，找到开发者工具

    2024年02月03日
    浏览(39)
  • uniapp开发小程序，实现获取【微信授权登录】功能

    uniapp开发小程序，实现获取【微信授权登录】功能

    APP微信授权登录需要到微信开放平台申请，在HBuilderX配置APP SDK中微信登录的appId，另外需要跟小程序、公众号授权账号互通的话也需要在微信开放平台申请 1、在微信公众平台申请应用，获取相应的appid和appsecret 2、在HBuilderX配置APP SDK中微信登录的appId和appsecret 微信授权登录（

    2024年02月09日
    浏览(51)

  • uniapp微信小程序授权登录并获取手机号

    新版：前端要授权两次，一次获取用户信息授权码code，另外一次获取用户手机授权码code，全部传给后端。后端通过用户信息授权码获取openid，通过手机授权码获取手机号码。老版：前端传给后端授权码code和用户手机授权回调 里的iv和encryptedData给后端，后端通过code获取ope

    2024年02月11日
    浏览(97)
  • uniapp 小程序实现微信授权登录（前端和后端）

    uniapp 小程序实现微信授权登录（前端和后端）

    1.主要流程：先通过 uni.getUserProfile授权获取用户名称和头像等信息 在调用 uni.login 获取微信登录需要的临时code 2. 前端代码： 1.主要流程：在前端调用接口成功的将临时code 传递给后端时 ，后端通过调用微信的第三方接口拿到 openid, session_key 这两个参数，查询数据库是否有

    2024年02月16日
    浏览(42)

  • uniapp小程序 手机号授权一键登录 小程序接口调用getPhoneNumber java+uniapp

    uniapp 前端 uniapp登录按钮: (在button加上这俩个参数) open-type=\\\"getPhoneNumber\\\" @getphonenumber=\\\"getPhoneNumber\\\" methods方法区 getPhoneNumbe(e) 这个 e 就是登录用户 小程序的code值 code值后续用于请求 小程序官方接口 来获取用户手机号 后端调用逻辑  大致逻辑分为以下几个步骤            

    2024年02月02日
    浏览(57)
  • uniapp + vue3微信小程序开发（3）微信授权登录

    uniapp + vue3微信小程序开发（3）微信授权登录

    接口获取openId = 用户微信信息入库 = 手机号授权入库 我们知道小程序都是需要openId的，那我们可以通过前端获取，也可以通过后端接口获取， 前端就是这个地址，appid和secret 在你微信公众平台下都可以找到， code，在你调用uni.login就可以获取，但是切记， code码只能使用一次

    2024年02月08日
    浏览(113)

  • cocos creator上架字节跳动（抖音）小游戏注意事项（匿名登录、录屏、分享等踩坑记录）

    常见拒绝原因1：小游戏无录屏功能，不符合平台要求 2：小游戏录屏时间小于3S，分享按钮点击无反应或提示错误文案，不符合平台要求 3：小游戏录屏时间大于300S,分享按钮点击无反应或无法正常分享录屏，不符合平台要求 不久前写了款小游戏，最近上架了字节跳动小游戏平

    2024年01月16日
    浏览(47)

  • uniapp+node.js+mysql前后端微信小程序授权登录

    提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录 目录 文章目录 前言 一、前端代码？ 1.微信授权登录的页面（没有样式，自己写） 2.”我的“页面 3.封装request.js的页面 4.vuex的状态管理的页面 5.添加了识别有放token的没有登录就自动跳转登录

    2024年02月09日
    浏览(51)
  • 基于uniapp+java实现微信小程序无感登录，授权手机号登录，获取昵称头像，获取定位信息

    基于uniapp+java实现微信小程序无感登录，授权手机号登录，获取昵称头像，获取定位信息

    使用uniapp开发微信小程序，避免不了微信登录。但自动微信2022年升级了api版本后，不再允许返回昵称和头像信息，所以才出现无感登录或授权手机号登录。实现方式大同小异。 java后端所需maven 前端实现代码： 由于使用uni.login并不需要用户授权，所以能做到无感登录。 后端

    2024年02月16日
    浏览(65)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包，优惠每天领

二维码1

领取红包

二维码2

领红包