抖音小程序开发教程

2014-05-26
0 浏览
0 评论
闻道君

一、基本信息

开发平台地址:https://microapp.bytedance.com/
官方文档地址:https://microapp.bytedance.com/docs/intro/create.html
技术文档地址:https://microapp.bytedance.com/docs/api/

二、创建小程序

登录开发者平台:https://developer.toutiao.com/

< ="http://blog.jsudo.com/wp-content/uploads/2023/01/frc-235d7256ddbc5c8be94d9b17667f64f1.jpeg">
intro.0de6745b.jpeg

点击快捷登录 登录后进行创建

第一步:个人/企业资质审核提交
登录成功后,【进入开发者平台】,点击【创建小程序】开始创建。
每次创建小程序会进行【个人/企业资质审核提交】操作,开发者根据业务需要选择资质类型。
个人主体:个人开发者。
企业主体:以企业、个体工商户、企业相关品牌身份进行开发,可以使用支付功能、配置业务域名。


< ="http://blog.jsudo.com/wp-content/uploads/2023/01/frc-2d9537dd6452cfb973471a6b50d83b9a.jpeg">
1.jpeg
< ="http://blog.jsudo.com/wp-content/uploads/2023/01/frc-27cfe21950636ba79580a912255cdb63.jpeg">
2.jpeg
< ="http://blog.jsudo.com/wp-content/uploads/2023/01/frc-e262c87d938d022180525c0a560a0631.png">
3.png

第二步:填写小程序信息并提交
根据提示填写所对应的身份信息后,点击【下一步】,进行【小程序信息】的填写,请准确填写小程序相关信息,提交后信息修改受规则限制。

小程序名称:在小程序发布/更新时可修改,每年可以修改两次。

小程序简介/小程序图标:小程序发布/更新时可修改简介。


< ="http://blog.jsudo.com/wp-content/uploads/2023/01/frc-3f82a279ce108fa6e3273085dec78875.png">
4.png
< ="http://blog.jsudo.com/wp-content/uploads/2023/01/frc-4af0b81727ece35a110d1356ccd64594.png">
5.png

添加开发者与管理员
登录开发者平台,进入小程序详情页,点击【协作】,可通过开发者用户名添加开发者和管理员

< ="http://blog.jsudo.com/wp-content/uploads/2023/01/frc-05ddc6694798c7fb6e8390e602e84bb5.png">
6.png

获取AppID
登录开发者平台,进入小程序详情页,点击【开发】,可获取AppID(头条小程序ID),AppSecret(头条小程序密钥)。

< ="http://blog.jsudo.com/wp-content/uploads/2023/01/frc-8cf01b7059ce121416e5a23ab618f1a1.png">
7.png

设置服务器域名
登录开发者平台,进入小程序详情页,点击【开发】,可修改配置服务器域名。

request合法域名

socket合法域名

uploadFile合法域名

downloadFile合法域名

< ="http://blog.jsudo.com/wp-content/uploads/2023/01/frc-5052bc507a2614984f904a050ddfeade.png">
8.png
< ="http://blog.jsudo.com/wp-content/uploads/2023/01/frc-fb9d4ad2aeb65be0e2a96daa0a616227.png">
9.png

开通支付
登录开发者平台,进入小程序详情页,点击【支付】,企业资质通过后可申请开通支付。

< ="http://blog.jsudo.com/wp-content/uploads/2023/01/frc-d669f196c757055f04ec92ed55d87480.png">
10.png

注:个人无支付功能权限,需要企业资质,另外如果需要做抖音小程序开发的,可以 找 笔主 wx960511生活号 需要注明来源才会加。

三、应用实例
socket实例

let socketTask = tt.connectSocket({
    url: 'wss://somepath',
    protocols: ['p1']
});

socketTask.onOpen(() => {
    console.log('WebSocket 已连接');
});

socketTask.onClose(() => {
    console.log('WebSocket 已断开');
});

socketTask.onError(error => {
    console.error('WebSocket 发生错误:', error);
});

socketTask.onMessage(message => {
    console.log('socket message:', message)

    let data = message.data;

    if (Object.prototype.toString.call(data) === '[object ArrayBuffer]') {
        data = Codec.read(data);
    }
});

****更多行业产品开发方案,请关注 加速度****

<以上资讯仅供参考,如需解决具体问题,建议您关注作者;如果有软件产品开发需求,可在线咨询获取产品开发方案和报价>

小程序开发 小程序商城 微信小程序
微信客服二维码

加客服微信获取更多内容