# 基于CodeArts IDE Online开发并发布WeLink应用
本实践主要介绍如何在CodeArts IDE Online中快速开发、发布WeLink应用。
#### 操作步骤
1. 注册和安装WeLink。 
   在手机应用市场上搜索找到"WeLink"并安装。
   ![](https://support.huaweicloud.com/bestpractice-cloudide/figure/zh-cn_image_0000002343244006.png "点击放大")
   
   
2. 创建WeLink应用。 
   登录[WeLink开发者后台](https://open.welink.huaweicloud.com/wecode/myapp/list.html)，创建一个自己的应用，详细可参考[We码小程序](https://open-doc.welink.huaweicloud.com/docs/quickstart/wecode/wemacreateapp.html)。
   图1WeLink开发者后台   
   ![](https://support.huaweicloud.com/bestpractice-cloudide/figure/zh-cn_image_0000002377441793.png "点击放大")
   
   
3. 准备We码小程序开发环境。 
   1. 登录到CodeArts IDE Online控制台，单击"新建实例"。 如果提示未开通则根据提示跳转至开通页面完成服务开通。
      
   
   2. 在"基础配置"页面，填写相关信息（其中，"技术栈"项选择"NodeJS"），单击"下一步"。 ![](https://support.huaweicloud.com/bestpractice-cloudide/figure/zh-cn_image_0000002377441777.png "点击放大")
      
   
   3. 进入"工程配置"页面，选择we码的模板工程（模板名以wecode开头）。 ![](https://support.huaweicloud.com/bestpractice-cloudide/figure/zh-cn_image_0000002343403822.png "点击放大")
      
      
   
   4. 配置完成后，单击"确定"，实例开始启动，浏览器会自动跳转到IDE实例。
   
   
   
   
4. 开发、预览We码小程序。 
   1. 登录WeLink。
      1. IDE实例启动后，会自动加载"WECODE TOOLKIT"插件，第一次启动时会要求用户登录，使用手机WeLink扫描右上角二维码即可登录。
         ![](https://support.huaweicloud.com/bestpractice-cloudide/public_sys-resources/note_3.0-zh-cn.png)
         在手机上安装WeLink后，使用WeLink扫描二维码完成WeLink账号登录，扫码之后单击"允许登录"。
         ![](https://support.huaweicloud.com/bestpractice-cloudide/figure/zh-cn_image_0000002343403838.png "点击放大")
         
      
      2. 登录成功后，"WECODE TOOLKIT"插件显示WeLink开发者注册名。 ![](https://support.huaweicloud.com/bestpractice-cloudide/figure/zh-cn_image_0000002343403834.png)
         
       
   
   2. 编写程序代码 使用CodeArts IDE Online实例可以编写程序逻辑代码，实现代码编写、语法高亮、自动补齐、语法校验、命令行访问等各种操作。
      ![](https://support.huaweicloud.com/bestpractice-cloudide/figure/zh-cn_image_0000002377441789.gif "点击放大")
      
   
   3. 调试代码
      1. 单击"WECODE TOOLKIT"插件上的"Debug"，等待WeCode应用完成自动编译。编译完成后，自动完成监听端口外部访问权的注册。 ![](https://support.huaweicloud.com/bestpractice-cloudide/figure/zh-cn_image_0000002343403826.gif "点击放大")
         
      
      2. 切换至Port Mapping插件（端口映射），单击Access按钮访问。 ![](https://support.huaweicloud.com/bestpractice-cloudide/figure/zh-cn_image_0000002343244018.png)
         
      
      3. 弹出app应用窗口，聚焦到app应用窗口上并按F12弹出网页调试窗口。
         图2在浏览器中调试WeCode应用   
         ![](https://support.huaweicloud.com/bestpractice-cloudide/figure/zh-cn_image_0000002377441781.gif "点击放大") 
       
   
   4. 小程序预览。
      程序开发完毕，通过使用"WECODE TOOLKIT"插件，CodeArts IDE Online中开发的We码小程序可被上传到临时仓库，并可以预览。
      1. 单击"Preview/Upload"，在"My Apps"列表中，选择刚刚新建的WeLink应用，并单击"Attach"。
         图3"WECODE TOOLKIT"插件中上传预览   
         ![](https://support.huaweicloud.com/bestpractice-cloudide/figure/zh-cn_image_0000002343403814.png) 
      
      2. 等待We码小程序上传至临时仓库后，可通过手机端WeLink扫码预览。
         图4"WECODE TOOLKIT"插件中扫描二维码以预览   
         ![](https://support.huaweicloud.com/bestpractice-cloudide/figure/zh-cn_image_0000002377441797.png) 
      
      3. 打开手机WeLink扫码后，手机上就可以看到该应用的预览版。
         图5We码小程序预览   
         ![](https://support.huaweicloud.com/bestpractice-cloudide/figure/zh-cn_image_0000002377281889.png) 
       
   
   
   
   
5. 发布We码小程序。 
   通过CodeArts IDE Online上的"WECODE TOOLKIT"插件，可以将编写调试完毕的We码小程序上传发布到WeLink应用市场（这样手机上的WeLink应用可以搜索并安装这个已经发布的We码小程序）。
   单击"Upload"，将We码小程序发布到云端的发布仓库，然后进入"版本与发布"页面，单击"提交审核"，准备正式发布。
   ![](https://support.huaweicloud.com/bestpractice-cloudide/figure/zh-cn_image_0000002343244026.gif "点击放大")