Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
DCloud
unidocs-zh
提交
29c875e5
unidocs-zh
项目概览
DCloud
/
unidocs-zh
通知
3593
Star
108
Fork
920
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
120
列表
看板
标记
里程碑
合并请求
108
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
unidocs-zh
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
120
Issue
120
列表
看板
标记
里程碑
合并请求
108
合并请求
108
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
提交
29c875e5
编写于
7月 19, 2022
作者:
hbcui1984
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
文档迁移合并
上级
1cf9528e
变更
2
隐藏空白更改
内联
并排
Showing
2 changed file
with
25 addition
and
35 deletion
+25
-35
docs/m3w.md
docs/m3w.md
+22
-4
docs/uniCloud/admin.md
docs/uniCloud/admin.md
+3
-31
未找到文件。
docs/m3w.md
浏览文件 @
29c875e5
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
docs/uniCloud/admin.md
浏览文件 @
29c875e5
...
...
@@ -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.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录