全部产品

创建并发布小程序

更新时间:2020-09-29 17:25:00

在本教程中您可了解到以下操作:

  1. 在控制台配置虚拟域名
  2. 在控制台创建小程序
  3. 使用 IDE 开发小程序
  4. 发布小程序

在控制台配置虚拟域名

  1. 登录 mPaaS 控制台,进入 mPaaS 应用。在左侧导航栏选择 小程序 > 小程序发布
  2. 选择 配置管理 标签页,在 域名管理 中配置虚拟域名。虚拟域名可以为任意域名,建议使用您的企业域名,如 demo.com
    virtual domain
  3. 点击 保存,完成虚拟域名配置。

在控制台创建小程序

  1. 在 mPaaS 控制台,点击左侧导航栏的 小程序 > 小程序发布
  2. 小程序包管理 页面,点击页面中央的 新建小程序 APP
    create mini
  3. 在打开的 新建小程序 窗口,填写小程序的 ID 和小程序名称,点击 提交。其中,小程序 ID 为任意 16 位数字,例如 2020080120200801。
    mini id
  4. 点击 确定,控制台中的小程序 APP 即创建完成,并展示在左侧的小程序包列表中。
    待开发完成小程序代码后,您可在此处通过 添加 按钮上传小程序代码包。
    add package

使用 IDE 开发小程序

使用 IDE 开发小程序可分为以下几步:

  1. 创建小程序
  2. 下载配置文件
  3. 登录小程序 IDE
  4. 开发小程序

创建小程序

  1. 下载 小程序开发工具(IDE)。

  2. 创建小程序。在左侧列表中选择 mPaaS > 小程序,点击 模板选取,选择 mPaaS 小程序示例模板,点击下一步。
    official demo

  3. 输入 项目名称 并指定 项目路径,点击 完成 即可创建小程序项目。
    mini name

下载配置文件

每创建一个新的环境,都需要上传从控制台下载的对应小程序的 IDE 配置文件。

  1. 前往 mPaaS 控制台 > 小程序 > 小程序发布 > 配置管理,进入下载配置文件页面,在 IDE 配置管理 中点击 下载配置文件

    说明:该 IDE 配置文件 不同于 mPaaS 应用的配置文件。

    download

  2. 点击 下载配置文件 后,会弹出 下载配置文件 窗口,在 动态密码 中输入一个密码,该密码就是之后 登录小程序 IDE 时所使用的登录密码,请牢记。点击 确定,即可下载配置文件。

    password

    说明:下载的配置文件默认名称为 config.json

登录小程序 IDE

  1. 在小程序 IDE 中,点击右上方的 登录
    login

  2. 在弹出的新增登录环境窗口中输入环境名称 mPaaSminiprogram,并上传从 mPaaS 控制台下载的 小程序 IDE 配置文件config.json 文件),点击 确定
    new env

  3. 在登录窗口中,输入账号密码登录。

    • 账号是登录阿里云控制台的用户名。
    • 密码是在 下载 IDE 配置文件 时,输入的 动态密码
      login

开发小程序

  1. 登录 IDE 后,在界面左上方,点击 选择关联小程序,在下拉菜单中选择在控制台中创建的小程序。
    select

  2. 点击 IDE 左侧依赖管理按钮,添加 mini-ali-ui 依赖。
    dependency

  3. 点击 IDE 左侧工具箱按钮,进行小程序设置。
    settings

    如果设置有问题(如主入口配置错误),系统会根据您项目代码,提示错误配置项,点击 自动修改并提交 即可。
    auto-correct

  4. 随后,您就可以开始编辑小程序代码了。您也可以下载下方的 代码示例,跳过在 IDE 中开发小程序的步骤,直接体验在控制台中上传并发布小程序。
    IDE

发布小程序

  1. 点击页面右上方的 上传,将小程序包上传至 mPaaS 控制台。
    upload

    上传成功后,IDE 会进行提示。
    success

  2. 前往 mPaaS 控制台,进入 mPaaS 应用。在左侧导航栏选择 小程序 > 小程序发布,在小程序包管理中,您可看到小程序包已上传,且处于待发布状态。点击 创建发布to be released

  3. 在创建发布任务页面,选择 正式发布,点击 确定
    official release

至此,小程序的创建和发布已全部完成。

代码示例

点此下载 mPaaS 示例小程序,您可以在控制台中直接上传并发布该小程序包。

说明:在上传前,需将此示例小程序的 .zip 文件名以及压缩包内的文件夹名均改为您的小程序的 16 位数字 ID。