首页IT科技抖音小程序前端开发(抖音小程序实践三:接口开发指南)

抖音小程序前端开发(抖音小程序实践三:接口开发指南)

时间2025-08-01 21:40:46分类IT科技浏览4274
导读:通过官方文档可以更系统的学习到所有的接口,我这边罗列一下我自己用到测试过的接口供大家参考。 前端-小程序对接官方文档:https://microapp.bytedance.com/docs/zh-CN/mini-app/develop/api/open-interface/user-information/tt-...

通过官方文档可以更系统的学习到所有的接口             ,我这边罗列一下我自己用到测试过的接口供大家参考              。

前端-小程序对接官方文档:https://microapp.bytedance.com/docs/zh-CN/mini-app/develop/api/open-interface/user-information/tt-get-user-info 服务端-小程序官方文档:https://developer.open-douyin.com/docs/resource/zh-CN/mini-app/develop/server/server-api-introduction

1.前端-获取用户信息授权

API文档:https://microapp.bytedance.com/docs/zh-CN/mini-app/develop/api/open-interface/user-information/tt-get-user-info

// tt.getUserProfile(); 获取用户的基本信息                    ,只可在 tap和支付 事件回调中调用       ,每次调用都会弹出授权提示窗       ,若用户同意                    ,则会返回用户的真实数据                    。 //获取已登录用户的基本信息或特殊信息              ,首次使用的用户会弹出授权提示窗       ,若用户同意                    ,则会返回用户的真实数据      。 tt.getUserInfo({ success(res) { console.log("getUserInfo 调用成功", JSON.stringify(res)); }, fail(res) { console.log("getUserInfo 调用失败", JSON.stringify(res)); }, })

响应:

{ "userInfo": { "nickName": "claxxxxxhen", "avatarUrl": "https://p9-passport.byteacctimg.com/img/mosaic-legacy/3796/2975xxx00.image", "gender": 0, "city": "", "province": "", "country": "", "language": "", "userId": "37431xxxxx1486", "sessionId": "3b652xxxxxxc3b490351ef1311" }, "rawData": "{\"nickName\":\"claixxxxn\",\"avatarUrl\":\"https://p9-passport.byteacctimg.com/img/mosaic-legacy/3796/297xxxx.image\",\"gender\":0,\"city\":\"\",\"province\":\"\",\"country\":\"\",\"language\":\"\"}", "signature": "5fed6c636f3cdxxxxx3d2e97e0869d0", "encryptedData": "G+kEtB+JE2S3/r8V0Ftxxxx/CxxxxxxxxxxxxxFKKLp6LNpm3QtoHlj2BZREiN8zSE8z7gK51ECsKFDyPn4mtuthY90zj+Zwx0EPyC+DwP1ZJ4ahVawzVkMdnBMhnT48+7CZvOAWa/LyY93MmSsDNLDR0BBTpBnYbnqSW3tGNvTcllNuX2F1Laso2RtsFQlQPoVvoBysfIxliFDvL2+Rw/ZEIc2i7uXnbDeTzPuiiC8km7a/ImZSEZiTdsGNDKEnepmYStswydENgG51NiPRwj15JyOAeALb34xhgYFFZGZFw703XGUbXIn8s8tbqJ+u72cjbqxTp/D7qBL2cHA3uJC6rhrM/VgH7hiDMlwApdRQuFcNQSItQ41RhcD14R7iFoQObc4/IPT0BmvG+WuKMV+PuEp8vaA==", "iv": "ar8P0OkTQxxxxqHrW9w==", "errMsg": "getUserProfile:ok" } 其中encryptedData是需要的用户openId等数据 iv是用于解密的              ,需要留存

Q:此外,什么是用户的openId?什么是用户的unionId? A:开发者可通过OpenID来获取用户基本信息              。特别需要注意的是                    ,如果开发者拥有多个移动应用             、网站应用和公众帐号                     ,可通过获取用户基本信息中的unionid来区分用户的唯一性                     。也就是说,小程序内openId是唯一的             ,全平台unionId是唯一的      。

2.前端-用户登录

API文档:https://developer.open-douyin.com/docs/resource/zh-CN/mini-app/develop/api/open-interface/log-in/tt-login

tt.login({ force: true, success(res) { console.log(`login 调用成功${res.code}${res.anonymousCode}`); }, fail(res) { console.log(`login 调用失败`); }, });

响应:

{ "anonymousCode": "UAx9YfgVDsxxxxxxxxxxiZCXh7OaAfiW8ei…6mhQP1ETXRfFRKxidnPqMxZtxgXv7yrbWjkBwVePN6FIJq-1Q", "code": "1ujmWYVW0mlU4xzzzzzzxxxxxxxxMUkdf9Vp1…g9z0Gy8LFbNekfVjY-Ng6V4_Bc6HxAPQ-SQvrPS8Gf-1ZFvaE", "isLogin": true, "errMsg": "login:ok" }

tt.login调用douyin接口登录                     ,获取code/anonymous_code       ,这两个字段是后续个人加密信息解密的重要字段

3.服务端-jscode2session换取sessionKey

API文档:https://microapp.bytedance.com/docs/zh-CN/mini-app/develop/server/log-in/code-2-session/

Map<String, String> dataMap = new HashMap<>(); dataMap.put("appid", "tt60d416xxxxc8801"); dataMap.put("secret", "582830exxxxc99e14c0999a"); dataMap.put("code", "3muFdjQoIFZw0WcBLhltspBxxxxxNfT6mkCQO4RbKicdR0j7a12-PRO6yRCHn90HYDg8DerKt_lxoVr1Donbw"); dataMap.put("anonymous_code", "i8MsKM6tGuKzjxMH3vJF3R4NxAN6xxxxxxxx38wsHAcfmY4dXwaWInvy6isFJ5X8ejQzKcYJVgiPCPkBkMwkw4MrRjFY_iVDOcTOY74"); HttpResult httpResult = HttpClientUtils.doPostJson("https://developer.toutiao.com/api/apps/v2/jscode2session", JSON.toJSONString(dataMap));//注意这是生产的地址 String res = httpResult.getBody(); System.out.println(res);

响应:

{ "err_no": 0, "err_tips": "success", "data": { "session_key": "hZy6t19VPjFqm********", "openid": "V3WvSshYq9******", "anonymous_openid": "", "unionid": "f7510d9ab***********" } } 这个时候能够获取session_key(解密用户信息的重点字段)             ,此外还有重要的用户openid和unionid

4.服务端-敏感信息解密

API文档:https://microapp.bytedance.com/docs/zh-CN/mini-app/develop/api/open-interface/user-information/sensitive-data-process/

这边测试解密用户信息                    ,此外手机号等encryptData的数据       ,都可以拿这套流程来解密       。

我这边主要写了java后端解密的方法       ,对于js也可以解密                    ,官方文档有比较多的方法展示                     。 Base64.Decoder decoder = Base64.getDecoder(); byte[] sessionKeyBytes = decoder.decode("Ps2xsxxxxxxxJkA=="); byte[] ivBytes = decoder.decode("ar8P0OxxxxxxqHrW9w=="); byte[] encryptedBytes = decoder.decode("cfOy32OwcBaZv7xxxxxxxxxxxvZQHOjzDABhBOWInm0PNGwzXIBkUIZmto2pjC8VDmZS3v3N27OCb2c5E7DblfSVbcjXHuZN7OPB+zOxDADD7Q=="); Cipher cipher = Cipher.getInstance("AES/CBC/PKCS5Padding"); SecretKeySpec skeySpec = new SecretKeySpec(sessionKeyBytes, "AES"); IvParameterSpec ivSpec = new IvParameterSpec(ivBytes); cipher.init(Cipher.DECRYPT_MODE, skeySpec, ivSpec); byte[] ret = cipher.doFinal(encryptedBytes); String res = new String(ret); System.out.println(res); 注意:Cipher cipher = Cipher.getInstance(“AES/CBC/PKCS5Padding              ”); // JDK does not support PKCS7Padding, use PKCS5Padding instead 以上会有一个坑              ,对于JDK版本的不同       ,对解密的key的长度会有限制             。比如Illegal key size or default parameters这种错误       。因为美国的出口限制                    ,Sun通过权限文件(local_policy.jar                    、US_export_policy.jar)做了相应限制                     。因此存在一些问题:●密钥长度上不能满足需求(如:java.security.InvalidKeyException: Illegal key size or default parameters)              ,然后网上说要通过替换JDK/jre/lib/security的local_policy.jar 我们正好遇到了服务器上的JDK版本较老,本地的JDK比较新                    ,而上线报错这样的问题                     ,下面的方法亲测解决异常 关于JDK如何启用无限强度加密: 针对Java 8u151之前版本,内含有限强度策略文件             ,我们下载 oracle上的无限制版本替换local_policy.jar       、US_export_policy.jar 针对Java 8u151之后版本                     ,默认采用无限强度策略文件       ,如果我们想定义要使用的版本             ,有一个安全属性crypto.policy             。Security.setProperty(“crypto.policy                    ”,“unlimited      ”).在JCE框架初始化之前设置该属性。

5.再看看敏感数据解密流程

tt.login调用douyin接口登录                    ,获取code/anonymous_code getUserProfile       ,获取iv       、encryptedData jscode2session 获取session_key (前后端获取均可) 解密用户信息 (前后端解密均可)       ,注意保存用户信息

这样就能够获取openid\unionid\用户明文信息了

6.前端-获取用户设备信息

tt.getSystemInfo({ success(res) { console.log("getSystemInfo 调用成功", JSON.stringify(res)); }, fail(res) { console.log("getSystemInfo 调用失败", JSON.stringify(res)); }, });

响应:

"language": "zh_CN", "version": "6.6.3", "brand": "devtools", "fontSizeSetting": 16, "platform": "devtools", "battery": 100, "wifiSignal": 4, "appName": "devtools", "statusBarHeight": 47, "nativeSDKVersion": "10.3.0", "model": "iPhone 12", "system": "iOS 14", "deviceScore": { "cpu": 7.905, "gpu": 9.0622, "memory": 7.0344, "overall": 7.9524 }, "SDKVersion": "2.68.0", "pixelRatio": 3, "screenWidth": 390, "screenHeight": 844, "windowWidth": 390, "windowHeight": 844, "safeArea": { "left": 0, "right": 390, "top": 47, "bottom": 810, "width": 390, "height": 763 }, "SDKUpdateVersion": "2.68.0.3", "devicePixelRatio": 3, "errMsg": "getSystemInfo:ok" }

7.前端-获取用户手机号

获取抖音API当前登录状态的手机号                    ,获取前需用户授权              ,否则无法获取                     。注意:该能力无法直接使用       ,需申请白名单

小程序获取手机号授权能力仅适用于以下场景:网络购物                    、帐号下信息内容同步              、票务预订       、业务办理                    、信息查询(如:社保              、公积金)、预约等                    ,其他不符合使用规范的申请不予开通              ,申请可参考: 获取用户手机号开通指南

评级达 B 级,且信用分达到 90 分的企业主体小程序                    ,可以申请获取用户手机号能力

tt.getPhoneNumber({ success(res) { console.log("getPhoneNumber 调用成功", JSON.stringify(res)); }, fail(res) { console.log("getPhoneNumber 调用失败", JSON.stringify(res)); }, })

响应:

{ "detail": { "cloudId": "", "encryptedData": "0tJ8EV5kwMq8xxxxxxQmf1KG2yKVJX3pYMgWbnY4SJ0MmWMFHJx1ySIaWIgt09sMCL0vAPmgMQ8Hv6d9NgRksOYDTdO1JEmJMy4VGJpBUKL3qqcOvBIc6ToN3RyUTad6Q==", "iv": "ZtZtYvS7gNbGMpyYg500rA==", "errMsg": "getPhoneNumber:ok" }, "errMsg": "getPhoneNumber:ok" }

这个数据就一样解密即可

8.前端-获取用户精准位置信息

用于频繁请求地理位置                     ,实时获取精确位置信息                    。一般适用于打车                    、外卖等需要频繁请求获取地理位置的行业。需要申请后可查看              。

tt.chooseAddress({ success(res) { console.log("chooseAddress 调用成功", JSON.stringify(res)); }, fail(res) { console.log("chooseAddress 调用失败", JSON.stringify(res)); }, })

只要有接口权限,并且是用户登录授权状态             ,即可获取

响应: { "longitude": 116.3974, "latitude": 39.9092, "city": "北京市", "speed": 0, "accuracy": 65, "altitude": 0, "verticalAccuracy": 65, "horizontalAccuracy": 65, "errMsg": "getLocation:ok" }

9.前端-消息订阅

前端发起用户订阅订单消息通知                     ,用户同意后       ,即可通过接口发送实时订单消息给用户             ,提升用户体验

小程序消息订阅能力说明

注意:沙盒内测试仅支持安卓                    ,如绑定的设备是IOS的测试会报错 — {"errMsg":"requestSubscribeMessage:fail not supported by current application","errNo":21502}

tt.requestSubscribeMessage({ tmplIds: [], // 需要填入开放平台申请的模版id       ,支持最多3个同类型模版 success(res) { //订阅成功 console.log("订阅成功", res); }, fail(error) { //订阅失败 console.log("订阅失败, 错误详情: ", error); tt.showToast({ title: "订阅失败", icon: "fail", }); }, complete(res) { //订阅完成 console.log("tt.requestSubscribeMessage API调用完成: ", res); }, });

如果是安卓设备       ,请求结果如下:

{ "MSG137673105551c58exxxxx15858": "accept", "itemSettings": { "MSG137673105551cxxxxxbf15858": "accept" }, "errMsg": "requestSubscribeMessage:ok" }

10.服务端-获取AccessToken

AccessToken是接口鉴权凭证

access_token 是小程序的全局唯一调用凭据                    ,开发者调用小程序支付时需要使用 access_token                    。access_token 的有效期为 2 个小时              ,需要定时刷新 access_token       ,重复获取会导致之前一次获取的 access_token 的有效期缩短为 5 分钟      。

接口:POST https://developer.toutiao.com/api/apps/v2/token

请求示例: curl --location --request POST https://developer.toutiao.com/api/apps/v2/token \ --header Content-Type: application/json \ --data-raw { "appid": "ttabc*****", "secret": "d428***********", "grant_type": "client_credential" }

响应:

{ "err_no": 0, "err_tips": "success", "data": { "access_token": "0801121***********", "expires_in": 7200 } }

11.服务端-发送订阅消息

请求地址: POST https://developer.toutiao.com/api/apps/subscribe_notification/developer/v1/notify

POSTMAN中的请求示例 curl --location --request POST https://developer.toutiao.com/api/apps/subscribe_notification/developer/v1/notify \ --header Content-Type: application/json \ --data-raw { "access_token": "080112184679zzzz7556f426d33673d3d", "app_id": "tt60d4166zzzzzzz8801", "tpl_id": "MSG137673105zzzzzz7c84bf15858", "open_id": "_000S3uzzzzzzzzAzN_zZb", "data": { "快递派送": "SF1111111111" } }

响应:

{ "err_no": 0, "err_tips": "" }

创心域SEO版权声明:以上内容作者已申请原创保护,未经允许不得转载,侵权必究!授权事宜、对本内容有异议或投诉,敬请联系网站管理员,我们将尽快回复您,谢谢合作!

展开全文READ MORE
配置iis网站(【Windows Server 2019】Web服务 IIS 配置与管理—— IIS 的安装与基本配置 Ⅲ) 队长拉票(如何更改ip投票-从注册,拉新到活动,我们是如何被薅垮的)