2.59 MB
242.90MB
11.0 MB
82.1MB
59M
字节跳动小程序开发者工具是一款专门用于开发头条小程序的编程软件。我们可以从字节跳动开发者工具中获取各种有用的程序代码,然后直接设计出我们需要的各种小程序,非常方便。
字节跳动小程序开发工具的软件功能
新项目满意时:
已经有一个AppID字节跳动小程序;
登录账号是AppID对应的小程序的开发者。
可以选择窗口中间的“创建头条小程序”,或者点击右下角的“新建”按钮,新建一个项目。
选择项目类型:小程序或游戏(一旦选择,不能更改)。
选择一个空目录作为项目目录。当您选择一个空目录时,您可以选择是否在该目录中生成一个简单的项目。
AppId需要在公共平台管理后台获取。
主接口
图中显示了四个部分:工具栏、模拟器、编辑器和调试器。
窗口菜单栏
Applet:可以查看开发者工具版本号。
项目:支持打开开发者工具本身的调试器。
编辑:可以查看编辑相关的操作和快捷方式。
工具栏
编译:编译当前的applet项目。
刷新页面:刷新当前页面。
清除缓存:您可以清除文件缓存、数据缓存、登录状态和授权数据。
上传:填写app版本号和更新日志,将小程序应用内容上传到服务器。
预览:生成二维码,预览上传版本。
详细信息:显示当前小程序的appid、user_id、本地目录、文件系统、基本版本和编译版本,可以设置认证TLS版本和HTTPS证书。
单击模拟器、编辑器和调试器,隐藏/显示相应的模块,界面中将显示至少一个模块。
模拟器
当客户端模拟头条小程序的真实逻辑表示时,大部分API都能在模拟器上呈现正确的状态。开发者可以选择不同的设备,在不同尺寸的机型上调试小程序的适配。
编辑
在编辑器模块中,可以进行代码编写、文件添加、删除、重命名等基本操作。在当前项目中。
文件格式:因为iOS下只支持UTF8编码格式,所以最新版本的开发者工具在上传代码时会检查一次代码文件的编码格式。
文件支持:该工具目前提供五种文件编辑:ttml、ttss、js、json和图片文件预览。
操作:可以右键点击目录树,选择New Page,会自动生成页面需要的ttml、ttss、js、json。在app.json的pages字段中添加要创建的页面的路径,页面需要的文件就会自动生成。创建新页面有两种方法。
目录:可以查看当前项目的目录结构。
调试器
调试工具分为六个功能模块:Bxml、控制台、源码、网络、应用和性能。
用户定义的编译条件
编译条件会读取project.config.json中条件字段下的相关配置,方便导入编译条件。
在工具栏中点击常规编译位置,在下拉列表中点击添加编译模式,会弹出填写编译条件的窗口,您可以在其中添加自己定制的编译条件。
在弹出的窗口中,添加模式名称、启动页面、启动参数,输入场景字段,点击确定,生成新的编译条件。
上传以备传讯。
点击工具栏的“上传”按钮,填写版本号(版本号不能重复,需要在之前的版本号上加1),填写更新日志,点击确定上传到开发者平台。
上传后进入开发者平台=发布页面提审。
Bxml面板
Bxml panel用于帮助开发者开发ttml转换接口。在这里,您可以看到真实的页面结构以及与该结构相对应的ttss属性。同时,通过修改相应的ttss属性,可以在模拟器中实时看到修改情况(仅供实时预览,不能保存到文件中)。通过调试模块左上角的选择器,还可以快速定位页面中组件对应的ttml代码。
控制盘
开发人员可以在这里调试代码。
源面板
源代码面板用于显示当前项目的脚本文件。与浏览器开发不同,applet框架会编译脚本文件,所以开发者在Sources面板中看到的文件是经过处理的脚本文件,开发者的代码会被包装在define函数中。对于页面代码,最后会有一个主动调用require。
网络面板
网络面板用于观察和显示请求和套接字请求。
AppData面板
AppData面板用于显示和修改当前页面的数据属性。
存储面板
可以查看存储情况。