uniapp 快手授权登录，发布、编辑、裁剪图片和视频，分享 Ba-Kwai

最新推荐文章于 2024-05-18 17:13:55 发布
最新推荐文章于 2024-05-18 17:13:55 发布
阅读量1.2k 收藏 3
点赞数 1
分类专栏： uni-app 文章标签： uni-app 音视频 快手 短视频 视频剪辑
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u013164293/article/details/130774769
版权

简介（下载地址）

快手授权登录，发布、编辑、裁剪图片和视频，一键智能裁剪，分享私信，打开用户主页，挂载小程序等。自带选择图片和选择视频方法。

抖音授权登录、发布、分享 Ba-Aweme（文档）

uniapp 常用原生插件大全

开放能力

账号授权社交功能生产功能
  • 快手主站授权
  • 快手极速版授权
  • 分享私信
  • 分享私信到指定人
  • 打开指定用户主页
  • 单图编辑
  • 单图发布
  • 单视频编辑
  • 单视频裁剪
  • 单视频发布
  • 多视频图片裁剪
  • 智能裁剪视频
  • 多图编辑
  • 发布时挂载小程序

截图展示

在这里插入图片描述
在这里插入图片描述

准备工作

开发者需要在快手开放平台完成注册，新建一个网站应用，并获取应用标识appId 和 appSecret，详细参考申请注册流程，官网地址：https://open.kuaishou.com/platform

配置插件

在项目的 manifest.json 文件，App原生插件配置中，勾选插件，并配置appId和scope

使用方法

在 script 中引入组件

	const kwai = uni.requireNativePlugin('Ba-Kwai');

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

		methods: {
			sendAuth() { //授权登录
				kwai.sendAuth({
						state: 'BaKwai', //STATE安全参数，标识和用户或者设备相关的授权请求。建议开发者实现
						loginType: 1, //默认1，1 通过快手App登录授权 2 通过H5页面登录授权
						//isGetOpenId: true
					},
					(res) => {
						console.log(res)
						if (res.data) {
							this.msgList.unshift(JSON.stringify(res.data));
						}
						uni.showToast({
							title: res.msg,
							icon: "none",
							duration: 3000
						})
					});
			},
			initKwaiOpenAPI() { //初始化使用接口 KwaiOpenAPI
				kwai.initKwaiOpenAPI({
						goToMargetAppNotInstall: true, // 应用未安装，是否自动跳转应用市场
						goToMargetAppVersionNotSupport: true, // 应用已安装但版本不支持，是否自动跳转应用市场
						setNewTaskFlag: true, // 设置启动功能页面是否使用新的页面栈
						setClearTaskFlag: true, // 设置启动功能页面是否清除当前页面栈，当isSetNewTaskFlag为true时生效
						showDefaultLoading: false // 是否显示默认的loading页面作为功能启动的过渡
					},
					(res) => {
						console.log(res)
						if (res.data) {
							this.msgList.unshift(JSON.stringify(res.data));
						} else {
							uni.showToast({
								title: res.msg,
								icon: "none",
								duration: 3000
							})
						}
					});
			},
			addKwaiAPIEventListerer() { // 业务请求回调结果监听
				kwai.addKwaiAPIEventListerer(
					(res) => {
						console.log(res)
						if (res.data) {
							this.msgList.unshift(JSON.stringify(res.data));
						} else {
							uni.showToast({
								title: res.msg,
								icon: "none",
								duration: 3000
							})
						}
					});
			},
			shareMessage() { //通过选择人或者群组分享私信
				let thumbData = plus.io.convertLocalFileSystemURL('_www/static/logo.png');

				kwai.shareMessage({
						title: "标题", //标题(必填)
						description: "描述", //描述(必填)
						webpageUrl: "https://www.baidu.com", //链接(必填)
						thumbData: thumbData
					},
					(res) => {
						console.log(res)
						if (res.data) {
							this.msgList.unshift(JSON.stringify(res.data));
						} else {
							uni.showToast({
								title: res.msg,
								icon: "none",
								duration: 3000
							})
						}
					});
			},
			shareMessageToBuddy() { //通过TargetOpenId分享私信给个人，openId是必须参数
				let thumbData = plus.io.convertLocalFileSystemURL('_www/static/logo.png');

				kwai.shareMessageToBuddy({
						openId: this.openId, //授权登录获取的 openId (必填)
						targetOpenId: this.targetOpenId, //目标用户的 openId (必填)
						title: "标题", //标题(必填)
						description: "描述", //描述(必填)
						webpageUrl: "https://www.baidu.com", //链接(必填)
						thumbData: thumbData
					},
					(res) => {
						console.log(res)
						if (res.data) {
							this.msgList.unshift(JSON.stringify(res.data));
						} else {
							uni.showToast({
								title: res.msg,
								icon: "none",
								duration: 3000
							})
						}
					});
			},
			showProfile() { //打开TargetOpenId指向的个人主页
				kwai.showProfile({
						targetOpenId: this.targetOpenId, //目标用户的 openId (必填)
					},
					(res) => {
						console.log(res)
						if (res.data) {
							this.msgList.unshift(JSON.stringify(res.data));
						} else {
							uni.showToast({
								title: res.msg,
								icon: "none",
								duration: 3000
							})
						}
					});
			},
			publishPicture() { //发布单张图片
				kwai.publishPicture({
						filePath: this.mediaPaths[0],
						//multiMediaAssets: this.mediaPaths,
					},
					(res) => {
						console.log(res)
						if (res.data) {
							this.msgList.unshift(JSON.stringify(res.data));
						} else {
							uni.showToast({
								title: res.msg,
								icon: "none",
								duration: 3000
							})
						}
					});
			},
			editPicture() { //编辑单张图片
				kwai.editPicture({
						filePath: this.mediaPaths[0],
					},
					(res) => {
						console.log(res)
						if (res.data) {
							this.msgList.unshift(JSON.stringify(res.data));
						} else {
							uni.showToast({
								title: res.msg,
								icon: "none",
								duration: 3000
							})
						}
					});
			},
			publishSingleVideo() { //发布单个视频
				kwai.publishSingleVideo({
						filePath: this.mediaPaths[0],
					},
					(res) => {
						console.log(res)
						if (res.data) {
							this.msgList.unshift(JSON.stringify(res.data));
						} else {
							uni.showToast({
								title: res.msg,
								icon: "none",
								duration: 3000
							})
						}
					});
			},
			editSingleVideo() { //编辑单张图片
				kwai.editSingleVideo({
						filePath: this.mediaPaths[0],
					},
					(res) => {
						console.log(res)
						if (res.data) {
							this.msgList.unshift(JSON.stringify(res.data));
						} else {
							uni.showToast({
								title: res.msg,
								icon: "none",
								duration: 3000
							})
						}
					});
			},
			clipSingleVideo() { //裁剪单个视频
				kwai.clipSingleVideo({
						filePath: this.mediaPaths[0],
					},
					(res) => {
						console.log(res)
						if (res.data) {
							this.msgList.unshift(JSON.stringify(res.data));
						} else {
							uni.showToast({
								title: res.msg,
								icon: "none",
								duration: 3000
							})
						}
					});
			},
			clipMultiMedia() { //多图和视频裁剪
				kwai.clipMultiMedia({
						//filePath: this.mediaPaths[0],
						multiMediaAssets: this.mediaPaths,
					},
					(res) => {
						console.log(res)
						if (res.data) {
							this.msgList.unshift(JSON.stringify(res.data));
						} else {
							uni.showToast({
								title: res.msg,
								icon: "none",
								duration: 3000
							})
						}
					});
			},
			aiCutMedias() { //发布智能剪辑
				kwai.aiCutMedias({
						//filePath: this.mediaPaths[0],
						multiMediaAssets: this.mediaPaths,
					},
					(res) => {
						console.log(res)
						if (res.data) {
							this.msgList.unshift(JSON.stringify(res.data));
						} else {
							uni.showToast({
								title: res.msg,
								icon: "none",
								duration: 3000
							})
						}
					});
			},
			editMultiPicture() { //多图编辑，支持版本：开放平台不低于3.0.4，快手主站和极速版不低于9.7.20
				kwai.editMultiPicture({
						//filePath: this.mediaPaths[0],
						multiMediaAssets: this.mediaPaths,
					},
					(res) => {
						console.log(res)
						if (res.data) {
							this.msgList.unshift(JSON.stringify(res.data));
						} else {
							uni.showToast({
								title: res.msg,
								icon: "none",
								duration: 3000
							})
						}
					});
			},
			chooseSysImage() { //选择图片（系统）
				kwai.chooseSysImage(
					(res) => {
						console.log(res)
						if (res.data) {
							this.msgList.unshift(JSON.stringify(res.data));
							//this.mediaPaths.push(JSON.stringify(res.data));
						} else {
							uni.showToast({
								title: res.msg,
								icon: "none",
								duration: 3000
							})
						}
					});
			},
			chooseSysVideo() { //选择视频（系统）
				kwai.chooseSysVideo(
					(res) => {
						console.log(res)
						if (res.data) {
							this.msgList.unshift(JSON.stringify(res.data));
							//this.mediaPaths.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;
						//that.msgList.unshift(JSON.stringify(that.mediaPaths));
						// 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);
						//that.msgList.unshift(JSON.stringify(that.mediaPaths));
					}
				})
			},
		}

系列插件

图片选择插件 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（文档）

三杯五岳
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
快手开放平台的依赖库:kwai-open-sdk-1.0.6.jar
12-12
快手开放平台的依赖库:kwai-open-sdk-1.0.6.jar
批量下载快手视频的脚本 Python+操作教程.zip
10-08
6. **优化和扩展**：随着对脚本的理解加深，可以尝试优化它，比如添加多线程下载以提高效率，或者实现更复杂的逻辑，如自动登录快手账号获取私有视频。 批量下载快手视频的Python脚本教程不仅教会了我们如何利用...
uniapp 抖音授权登录、发布、分享 Ba-Aweme
三杯五岳
04-28 6392
Ba-Aweme 是一个集成抖音的uniapp插件，支持抖音授权登录，发布图片、视频，分享到联系人群组，直接拍摄等。自带选择图片和选择视频方法。
uni-app -- 授权获取个人信息-登录注册流程
Dark_programmer的博客
02-11 2238
小程序授权1. 梳理思路2. 步骤拆分2.1 获取用户当前获取权限的状态2.2 获取个人信息，让用户进行授权2.3 引导用户再次授权 每一个你不满意的现在，都有一个你没有努力的曾经 在写小程序时，有时不授权获取信息也能获取到，但有时就会出现报错问题。 那么，怎么一个流程才是正确的登录流程呢？ 文章以快手小程序 授权获取个人信息为例 1. 梳理思路 要注册登录，首先就要获取到个人信息。 要获取到个人信息，就要用户先授权 如果首次授权拒绝了，如何再次引导授权 2. 步骤拆分 如果着急的同学，可以直接看2
uni-app基础
最新发布
xiaoleshishabi的博客
05-18 999
uni-app是一个使用开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。uni-app支持通过 可视化界面、两种方式快速创建项目。可视化的方式比较简单，HBuilderX内置相关环境，开箱即用，无需配置nodejs。HBuilderX是通用的前端开发工具，但为uni-app做了特别强化。
uniapp开发H5网页授权步骤
荤素菜鸟的博客
08-10 7235
第一步是微信公众平台申请测试账号 第二部在网页授权（修改）填写回调域名，测试可以使用自己本地的端口，注意：这里不可以添加http:// 只准添加例如：baidu.com 第三部按照里面的只是即可 代码如下 1，// 获取code getCode() { this.code = '' let origin = 'http://192.168.1.115:8082/mycenter/mycenter' //网页授权的回调域名，这里设置的是本地端口 let urlNow =
uniapp打包上传到小程序
weixin_38673922的博客
04-13 830
第一步 HbuilderX 点击发行---->小程序–微信 第二步 输入小程序名称和AppId 第三步 将生成的unpackage下的mp-weixin目录导入到微信开发者工具中 第四步 微信开发者工具中预览无误后上传 第五步 等待审核 ...
uniapp创建/运行/发布项目
weixin_45618535的博客
12-25 5684
运行App到手机或模拟器：使用电压足够的usb端口连接手机，设置中开启USB调试，手机上允许电脑设备调试手机，进入hello-uniapp项目，点击工具栏的运行 -> 运行App到手机或模拟器，即可在该设备里面体验uni-app。在微信开发者工具里运行：进入hello-uniapp项目，点击工具栏的运行 -> 运行到小程序模拟器 -> 微信开发者工具，即可在微信开发者工具里面体验uni-app。点击工具栏的运行 -> 运行到小程序模拟器 -> 运行设置，配置相应小程序开发者工具的路径。
java整合快手小程序(登陆，支付，结算，退款，手机号授权登陆)
好好学习天天向上
08-24 2526
java整合快手小程序(登陆，支付，结算，退款，手机号授权登陆)
快手2020招聘秋招笔试--工程B试卷.docx
09-15
7. 字符编码：对于字符串"HI_KWAI"，最短的二进制编码长度是14，因为每个ASCII字符需要7位二进制表示，共有8个字符，但最后一位可以省略，所以最短长度是14。所以B选项是正确的。 8. 图论问题：根据握手定理，一个...
基于python3的快手批量下载脚本
04-12
【Python3快手批量下载脚本】是一个用于自动化下载快手平台视频的工具，它极大地提高了用户在没有官方提供批量下载功能时的工作效率。该脚本基于Python3编程语言，利用网络爬虫技术，能够批量获取并下载快手视频。...
vue中uni-app 实现小程序登录注册功能
12-13
思路： 1.使用微信的 open-type="getUserInfo" 获取用户信息，将用户信息保存到userinfoDetails对象中去。 <button v-else type="primary" class="reserve-btn" open-type="getUserInfo" @getuserinfo="getuserinfo">预约挂号</button> 2.使用 uni.login() 获取code,并且把code传给后台，后台会返回openid 3.使用vuex和本地缓存保存相关状态值 备注vuex和本地缓存的区别: vuex是响应式更新,页面不刷新数据也会实时更新,但是
行业数据-2019年快手KOL层级分布.rar
09-11
标题 "行业数据-2019年快手KOL层级分布.rar" 暗示了这份压缩包文件包含的是关于2019年中国短视频平台快手（Kwai）上的关键意见领袖（KOLs）的数据分析。KOLs是社交媒体平台上具有广泛影响力的人物，他们能够对大量...
KOOM：KOOM是Kwai在移动平台上的OOM杀手
01-28
KOOM的性能和稳定性经受住了数亿用户和设备的测试。 更少的代码 您只需要初始化KOOM，它将为您处理其他事情。 还支持高级自定义配置。 入门 koom-demo的初步外观 首先尝试运行koom-demo项目，并对KOOM提供的功能有一...
9-6+快手超大规模计算集群调度优化.pdf
03-18
【快手超大规模计算集群调度优化】是快手数据平台部针对其海量数据处理需求进行的一系列技术改进和创新。快手作为一家短视频社交平台，其数据规模庞大，每天处理的数据量达到数百PB，作业量接近百万，这需要一个高效...
kwai-android-8_SWC,1-gifmakerrelease-10.6.50.26734_x32_252669-1.apk
09-21
kwai-android-8_SWC,1-gifmakerrelease-10.6.50.26734_x32_252669-1.apk
Uni-app框架（小程序开发） 笔记
weixin_43925969的博客
09-18 1798
┌─components uni-app组件目录│ └─comp-a.vue 可复用的a组件├─hybrid 存放本地网页的目录， 详见├─pages 业务页面文件存放的目录│ ├─index│ │ └─index.vue index页面│ └─list│ └─list.vue list页面├─static 存放应用引用静态资源（如图片、视频等）的目录， 注意： 静态资源只能存放于此├─wxcomponents 存放小程序组件的目录， 详见├─main.js Vue初始化入口文件。
uniapp手机号授权一键登录
F2601775592的博客
12-08 229
登录按钮加上这两个参数 open-type="getPhoneNumber" @getphonenumber="getPhoneNumber"
uniapp各种小程序分享 share - 主要流程 - 微信、抖音、快手、qq
Rudon滨海渔村的博客
12-09 886
uni-app,uniCloud,serverless,分享,uni.share(OBJECT),分享到微信聊天界面示例代码,分享到微信朋友圈示例代码,uni.share 在App端各社交平台分享配置说明,uni.shareWithSystem(OBJECT),plus.share.sendWith。分享 | uni-app官网。
Kwai直播 和 快手直播有什么区别吗
06-06
Kwai直播和快手直播都是快手旗下的直播平台，它们之间的区别主要在于以下几个方面： 1. 定位不同：快手直播以短视频直播为主打，注重年轻用户的社交互动；Kwai直播则更加注重用户的才艺表演和展示。 2. 内容不同：快手直播的内容主要涵盖美食、美妆、健身、音乐、游戏等多种领域，而Kwai直播则更加注重音乐、舞蹈、趣味等方面的内容。 3. 社交形式不同：快手直播注重用户之间的社交互动，提供弹幕、礼物等互动方式；Kwai直播则更加注重用户个人的才艺展示和表演。 总的来说，Kwai直播和快手直播都是优秀的直播平台，但在定位、内容和社交形式上有所不同，用户可以根据自己的需求选择适合自己的平台。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值