uni-app制作App发布页面 - DCloud云服务

uni-app制作App发布页面 - DCloud云服务

产品特征

制作App发布页面，是DCloud公司为开发者提供的一项福利，通过简单的表单配置，即可在线生成App下载页。 该产品该具备如下特点：

  • 免开发：简单配置直接发布，省人力
  • 响应式：兼容PC/手机浏览器，自动识别Android、iOS、微信内置浏览器
  • 短地址：下载页面地址类似 https://m3w.cn/uniapp ，好记、易传播
  • 功能全：支持iOS、Android App和小程序的统一发布
  • 云加速：发布后自动同步CDN，降低访问延迟，提升服务可用性
  • 免费！免费！免费！

制作方法

目前开发者可以通过两个入口制作App发布页面：

  • 在HBuilderX中，选择一个uni-app/5+/wap2app项目，在顶部菜单中点击“发行 —> 生成统一发布页面”
  • 登录dev开发者中心，在应用列表界面，选择需要发布的应用，点击“发行”按钮

打开制作下载页面链接后，按照提示填写表单、上传图片即可，界面如下：

发布表单

开发者按照表单提示逐个填写即可，填写完毕后，点击“保存”按钮，即可进行效果预览；确认数据没问题，点击“发布”按钮，即可自动将下载页面同步到CDN服务器上。

发行链接

发行链接是最终生成的应用下载页面地址（例如 https://m3w.cn/uniapp），生成规则为：

https://m3w.cn/ + 链接类型后缀+自定义后缀

更多关于uni-app制作App发布页面 - DCloud云服务的实战教程也可以访问 https://www.itying.com/category-93-b0.html

1 回复

更多关于uni-app制作App发布页面 - DCloud云服务的实战教程也可以访问 https://www.itying.com/category-93-b0.html


在利用uni-app开发并发布App时，DCloud云服务提供了便捷的一站式解决方案，涵盖了编译打包、云函数、云存储等多个方面。以下是一个基于uni-app和DCloud云服务发布App页面的代码案例，展示了如何使用DCloud云服务进行简单的数据交互（例如，从云端获取数据并展示在发布页面上）。

首先，确保你已经在DCloud开发者平台上创建了一个项目，并启用了相应的云服务。

1. 初始化项目并配置云服务

在uni-app项目的manifest.json中，配置云服务信息：

"cloudfunctionRoot": "cloudfunctions/", // 云函数根目录
"cloud": true // 启用云服务

2. 创建云函数（示例：获取发布信息）

在cloudfunctions目录下创建一个云函数，例如getReleaseInfo，其index.js内容如下：

// 云函数入口文件
const cloud = require('wx-server-sdk')

cloud.init()

exports.main = async (event, context) => {
  return {
    success: true,
    data: {
      version: '1.0.0',
      releaseNotes: '本次更新修复了若干bug，并优化了用户体验。',
      publishDate: '2023-10-01'
    }
  }
}

3. 在uni-app前端调用云函数

在App的发布页面（例如pages/release/release.vue）中，调用云函数并展示数据：

<template>
  <view>
    <text>App版本: {{ version }}</text>
    <text>发布说明: {{ releaseNotes }}</text>
    <text>发布日期: {{ publishDate }}</text>
  </view>
</template>

<script>
export default {
  data() {
    return {
      version: '',
      releaseNotes: '',
      publishDate: ''
    }
  },
  onLoad() {
    this.getReleaseInfo()
  },
  methods: {
    async getReleaseInfo() {
      try {
        const res = await uni.cloud.callFunction({
          name: 'getReleaseInfo'
        })
        this.version = res.result.data.version
        this.releaseNotes = res.result.data.releaseNotes
        this.publishDate = res.result.data.publishDate
      } catch (error) {
        console.error('获取发布信息失败:', error)
      }
    }
  }
}
</script>

4. 部署与发布

确保云函数已正确部署至DCloud云服务，然后在HBuilderX中运行或打包你的uni-app项目。在打包完成后，你可以通过DCloud提供的渠道进行App的发布和分发。

这个示例展示了如何使用DCloud云服务与uni-app结合，实现一个简单的发布信息展示页面。实际项目中，你可能需要根据具体需求调整云函数逻辑和前端展示内容。

回到顶部