基于CodeArts IDE Online开发并发布WeLink应用

操作步骤

1. 注册和安装WeLink。

   在手机应用市场上搜索找到“WeLink”并安装。

   

2. 创建Welink应用。
   登录WeLink开发者后台，创建一个自己的应用，详细可参考We码小程序。

   图1 WeLink开发者后台
   

3. 准备We码小程序开发环境。
   1. 登录到CodeArts IDE Online控制台，单击“新建实例”。

      如果提示未开通则根据提示跳转至开通页面完成服务开通。

   2. 在“基础配置”页面，填写相关信息（其中，“技术栈”项选择“NodeJS”），单击“下一步”。

      

   3. 进入“工程配置”页面，选择we码的模板工程（模板名以wecode开头）。

      

   4. 配置完成后，单击“确定”，实例开始启动，浏览器会自动跳转到IDE实例。

4. 开发、预览We码小程序。
   1. 登录WeLink。
      1. IDE实例启动后，会自动加载“WECODE TOOLKIT”插件，第一次启动时会要求用户登录，使用手机WeLink扫描右上角二维码即可登录。
         

         在手机上安装WeLink后，使用WeLink扫描二维码完成WeLink账号登录，扫码之后单击“允许登录”。

         

      2. 登录成功后，WeCode Toolkit插件显示WeLink开发者注册名。

         

   2. 编写程序代码

      使用CodeArts IDE Online实例可以编写程序逻辑代码，实现代码编写、语法高亮、自动补齐、语法校验、命令行访问等各种操作。

      

   3. 调试代码
      1. 单击WeCode Toolkit插件上的“Debug”，等待WeCode应用完成自动编译。编译完成后，自动完成监听端口外部访问权的注册。

         

      2. 切换至Port Mapping插件（端口映射），单击Access按钮访问。

         

      3. 弹出app应用窗口，聚焦到app应用窗口上并按F12弹出网页调试窗口。
         图2 在浏览器中调试WeCode应用
         

   4. 小程序预览。

      程序开发完毕，通过使用WeCode Toolkit插件，CodeArts IDE Online中开发的We码小程序可被上传到临时仓库，并可以预览。

      1. 单击“Preview/Upload”，在“My Apps”列表中，选择刚刚新建的WeLink应用，并单击“Attach”。
         图3 WeCode Toolkit插件中上传预览
         
      2. 等待We码小程序上传至临时仓库后，可通过手机端WeLink扫码预览。
         图4 "WeCode Toolkit"插件中扫描二维码以预览
         
      3. 打开手机Welink扫码后，手机上就可以看到该应用的预览版。
         图5 We码小程序预览
         

5. 发布We码小程序。

   通过CodeArts IDE Online上的WeCode Toolkit插件，可以将编写调试完毕的We码小程序上传发布到WeLink应用市场（这样手机上的WeLink应用可以搜索并安装这个已经发布的We码小程序）。

   单击“Upload”，将We码小程序发布到云端的发布仓库，然后进入“版本与发布”页面，单击“提交审核”，准备正式发布。