提交 29c875e5 编写于 作者: hbcui1984's avatar hbcui1984

文档迁移合并

上级 1cf9528e
App/小程序/网站做好后,如何告知你的用户?
你需要开发App的下载页、小程序二维码的展示页面,这些内容最好汇总在统一入口,也就是发行平台
你需要为自己的业务制作一个名片,名片上统一展现:App 的下载地址、小程序二维码、H5访问链接等,也就是“统一发布页”
自己从头开发这么一个发行平台,需要考虑的事情太多了:
而你自己从头开发这么一个发行平台,需要考虑的事情太多了:
- 响应式布局,兼容PC/Mobile各种尺寸
- 微信/微博浏览器判断不同逻辑,右上角提示通过浏览器打开
......@@ -11,6 +11,24 @@ App/小程序/网站做好后,如何告知你的用户?
别急,有了`uni-portal`统一发布页,一切迎刃而解,10分钟内搞定所有。
详细介绍:[https://ext.dcloud.net.cn/plugin?id=7100](https://ext.dcloud.net.cn/plugin?id=7100)
眼见为实,`uni-app`官方示例的发布页就是基于`uni-portal`制作的,快速体验[hello uni-app发布页](https://hellouniapp.dcloud.net.cn/portal)
效果体验:[https://uniapp.m3w.cn/](https://uniapp.m3w.cn/)
`uni-portal`目前已内置在`uni-admin`项目中。
管理员在`uni-admin`的“应用管理”模块,创建应用并完善相关应用信息(如apk下载地址、小程序二维码)后,点击“发布页管理”,即可生成该应用的发布页。
`uni-portal` 统一发布页面是响应式的,兼容PC宽屏和手机窄屏。
- **PC宽屏**
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-8ed92fab-502d-4290-af3c-1d65c4dbfc4d/14b02d74-57ab-48eb-9933-8d40037f5397.png" style="max-width:800px !important"></img>
- **手机窄屏**
手机浏览器上,默认展示效果如下:
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-8ed92fab-502d-4290-af3c-1d65c4dbfc4d/e3b2171c-baf7-4be0-a2f3-fedd4f421e4c.png" style="max-width:400px !important"></img>
`uni-portal`统一发布页同时会识别当前浏览器环境,在微信等特殊浏览器上,自动提示“点击右上角菜单,在浏览器中打开”,效果如下:
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-8ed92fab-502d-4290-af3c-1d65c4dbfc4d/f4b41d5f-861b-4bef-b670-9a2597643e3c.jpg" style="max-width:400px !important"></img>
\ No newline at end of file
......@@ -374,39 +374,11 @@ $menu-text-color-actived: #409eff; /* 菜单激活前景色 */
### uni-portal:统一发布页<Badge text="uni-admin 1.9.3+" />@uni-portal
> App/小程序/网站做好后,如何告知你的用户?
`uni-admin 1.9.3+`版本开始,`uni-portal`作为`uni-admin`的内置插件,内置在`uni-admin`项目中。
你需要为自己的业务制作一个名片,名片上统一展现:App 的下载地址、小程序二维码、H5访问链接等,也就是“统一发布页”
`uni-admin`管理员通过“应用管理”模块中填写的应用信息(如apk下载地址、小程序二维码)后,可快捷生成应用发布页
而你自己从头开发这么一个“统一发布页”,工作量是巨大的,因为你需要兼容pc/mobile,你需要自动识别浏览器环境等。
`uni-portal``uni-app`提供的一套开箱即用的“统一发布页”,它可以帮你实现:
- 响应式布局,兼容PC/Mobile各种尺寸
- 微信/微博浏览器判断不同逻辑,在不同平台给出正确的App下载引导,比如:右上角提示通过浏览器打开。
- PC上显示二维码,方便用户直接扫码下载
- 支持多个平台,包括:微信、支付宝、百度、QQ、快应用等
眼见为实,`uni-app`官方示例的发布页就是基于`uni-portal`制作的,快速体验[hello uni-app发布页](https://hellouniapp.dcloud.net.cn/portal)
`uni-portal`作为`uni-admin`的内置插件,内置在`uni-admin`项目中。
管理员在`uni-admin`的“应用管理”模块,创建应用并完善相关应用信息(如apk下载地址、小程序二维码)后,点击“发布页管理”,即可生成该应用的发布页。
`uni-portal` 统一发布页面是响应式的,兼容PC宽屏和手机窄屏。
- **PC宽屏**
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-8ed92fab-502d-4290-af3c-1d65c4dbfc4d/14b02d74-57ab-48eb-9933-8d40037f5397.png" style="max-width:800px !important"></img>
- **手机窄屏**
手机浏览器上,默认展示效果如下:
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-8ed92fab-502d-4290-af3c-1d65c4dbfc4d/e3b2171c-baf7-4be0-a2f3-fedd4f421e4c.png" style="max-width:400px !important"></img>
`uni-portal`统一发布页同时会识别当前浏览器环境,在微信等特殊浏览器上,自动提示“点击右上角菜单,在浏览器中打开”,效果如下:
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-8ed92fab-502d-4290-af3c-1d65c4dbfc4d/f4b41d5f-861b-4bef-b670-9a2597643e3c.jpg" style="max-width:400px !important"></img>
更多uni-portal的介绍,详见:[https://uniapp.dcloud.io/m3w.html](https://uniapp.dcloud.io/m3w.html)
### uni-upgrade-center:App升级中心<Badge text="uni-admin 1.9.3+" />@uni-upgrade-center
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册