15622700421

网站建设 APP开发 小程序

KNOWLEDGE/知识

分享你我感悟

您当前位置>主页 > 知识 > 小程序 >

微信小程序开发工具全新上线,新增的腾讯云工

发表时间:2020-05-12 18:36

文章来源:快明科技

浏览次数:

为了让开发者更高效地开发和发布小程序,微信开发者工具已全新改版上线,并新增测试系统、腾讯云工具、运维性能监控、小程序分阶段发布、WXS脚本语言等......


小程序管理后台新增的腾讯云工具,可帮助小程序开发者实现腾讯云帐号的开通、代码部署、代码的上传部署全流程。


开发者在“公众平台-开发者工具”可快速授权开通并自动配置腾讯云环境;并可在微信开发者工具上直接编写、调试、发布腾讯云代码;还可快速查看服务器状态,便捷升级。


开发者只需要四步即可部署属于自己的小程序开发环境:

01

通过微信公众平台授权登录腾讯云

打开微信公众平台小程序后台 在设置-开发者工具,可开通使用腾讯云服务


此时通过小程序开发者工具查看腾讯云状态并不会同步,状态会在第一次部署开发环境之后才会同步腾讯云的状态到微信开发者工具上。

 

 

02

安装开发工具

下载并安装微信开发者工具,使用小程序绑定的微信号扫码登录开发者工具。

03

导入 DEMO 和配置

你可以通过两个途径访问 Github 上 wafer2-startup 项目下载 Demo 代码:


1、直接访问 Release,点击最新版本的代码,下载打包好的 Demo 代码。

2、通过 git clone 下载代码:

git clone 

https://github.com/tencentyun/wafer2-startup.git


下载好 Demo 代码之后,使用编辑器打开 Demo 代码中 server 目录下的 config.js 文件,将其中的 mysql 配置项的密码 pass 改成你的微信小程序 AppID 。


 接着在下载下来的目录打开 CMD 安装依赖:


# 切换到 server 文件夹

cd server

 

# 安装依赖

npm install



04

上传和部署代码

打开第二步安装的微信开发者工具,点击“小程序项目”按钮,输入小程序 AppID,项目目录选择上一步下载下来的代码目录,点击确定创建小程序项目。


进入开发者工具之后,点击界面右上角的腾讯云按钮,在下拉的菜单栏中选择“上传并部署代码”,勾选“node_modules之外的代码”和“node_modules”,点击确定开始上传并部署代码:




上传代码完成之后,点击右上角的“项目”按钮,接着选择“腾讯云状态”即可看到腾讯云自动分配给你的开发环境域名:


 

复制开发环境 request 域名,然后在编辑器中打开client/config.js文件,将复制的域名填入host中并保存,保存之后编辑器会自动编译小程序,左边的模拟器窗口即可实时显示出客户端的 Demo:


 

在模拟器中点击登录,看到显示登陆成功,即为配置完成,可以开始你的其他开发了。

 



 ▼点击“阅读原文”,查看详细部署内容和更多相关开发教程。

本文由快明科技整理发布,如需转载请联系852657156@qq.com

相关案例查看更多