Skip to content

unidocs-zh
unidocs-zh

동경 / unidocs-zh
与 Fork 源项目一致

Fork自 DCloud / unidocs-zh

通知 1
Star 0
Fork 0
unidocs-zh
unidocs-zh
提交 6a735acf 编写于 作者: study夏羽's avatar study夏羽
浏览文件
操作

update img

上级 5497a626
隐藏空白更改
内联 并排
Showing with 1409 addition and 1409 deletion
docs/.vuepress/public/js/miku.js
浏览文件 @ 6a735acf
mikuDelivery.initProxy('miku-delivery-sw-1.1.0.js', { mikuDelivery.initProxy('/miku-delivery-sw-1.1.0.js', {
/** appID 和 appSalt 由七牛配置提供*/ /** appID 和 appSalt 由七牛配置提供*/
app: { app: {
appID: 'r5v5l8yhuips0xwv', appID: 'r5v5l8yhuips0xwv',
......
docs/api/a-d/content-page.md
浏览文件 @ 6a735acf
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
⼀个视频内容频道，支持上下滑动切换视频内容 ⼀个视频内容频道，支持上下滑动切换视频内容
![](https://web-assets.dcloud.net.cn/unidoc/zh/ad-content-page.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/ad-content-page.png)
内容联盟广告是一个原生全屏组件，大小不可控制 内容联盟广告是一个原生全屏组件，大小不可控制
......
docs/api/a-d/interactive.md
浏览文件 @ 6a735acf
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
互动游戏是DCloud联合三方服务商为开发者提供新的广告场景增值服务。开发者在App中放置入口，用户点击入口参与权益化、趣味性的活动。通过观看激励视频广告加速获取权益。沉浸的游戏体验能够降低对广告的抵触心理，增加激励视频广告展示的同时有效提高广告收益。 互动游戏是DCloud联合三方服务商为开发者提供新的广告场景增值服务。开发者在App中放置入口，用户点击入口参与权益化、趣味性的活动。通过观看激励视频广告加速获取权益。沉浸的游戏体验能够降低对广告的抵触心理，增加激励视频广告展示的同时有效提高广告收益。
![](https://web-assets.dcloud.net.cn/unidoc/zh/interactive1.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/interactive1.png)
## 活动场景类型： ## 活动场景类型：
...@@ -15,7 +15,7 @@ ...@@ -15,7 +15,7 @@
2. 游戏类活动：通过合成游戏、成语答题、捕鱼等游戏玩法获得金币或红包奖励 2. 游戏类活动：通过合成游戏、成语答题、捕鱼等游戏玩法获得金币或红包奖励
3. 养成类活动：果园、农场、养牛等长期活动，用户通过连续签到、道具收集、任务体系等玩法提升养成对象的等级，升级后可获得红包奖励或兑换奖品 3. 养成类活动：果园、农场、养牛等长期活动，用户通过连续签到、道具收集、任务体系等玩法提升养成对象的等级，升级后可获得红包奖励或兑换奖品
![](https://web-assets.dcloud.net.cn/unidoc/zh/interactive2.jpg) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/interactive2.jpg)
### 活动分类表 ### 活动分类表
<table> <table>
......
docs/api/a-d/rewarded-video.md
浏览文件 @ 6a735acf
...@@ -500,7 +500,7 @@ rewardedVideoAd.load() ...@@ -500,7 +500,7 @@ rewardedVideoAd.load()
### 监听用户关闭广告 ### 监听用户关闭广告
![](https://web-assets.dcloud.net.cn/unidoc/zh/rewarded-video-close.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/rewarded-video-close.png)
只有在用户点击激励视频广告组件上的 关闭广告 按钮时，广告才会关闭。这个事件可以通过 `RewardedVideoAd.onClose()` 监听。 只有在用户点击激励视频广告组件上的 关闭广告 按钮时，广告才会关闭。这个事件可以通过 `RewardedVideoAd.onClose()` 监听。
...@@ -536,7 +536,7 @@ App平台 3.1.15+ 支持穿山甲/优量汇/快手 ...@@ -536,7 +536,7 @@ App平台 3.1.15+ 支持穿山甲/优量汇/快手
相对来讲服务器回调将更加安全，可以依赖广告平台的反作弊机制来避免用户模拟观看广告完成的事件。 相对来讲服务器回调将更加安全，可以依赖广告平台的反作弊机制来避免用户模拟观看广告完成的事件。
![激励视频回调](https://web-assets.dcloud.net.cn/unidoc/zh/uniAdCallback.png) ![激励视频回调](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uniAdCallback.png)
如何使用 如何使用
......
docs/api/canvas/CanvasContext.md
浏览文件 @ 6a735acf
...@@ -142,7 +142,7 @@ ctx.stroke() ...@@ -142,7 +142,7 @@ ctx.stroke()
ctx.draw() ctx.draw()
``` ```
![uniapp](https://web-assets.dcloud.net.cn/unidoc/zh/arc.png) ![uniapp](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/arc.png)
针对 ```arc(100, 75, 50, 0, 1.5 * Math.PI)```的三个关键坐标如下： 针对 ```arc(100, 75, 50, 0, 1.5 * Math.PI)```的三个关键坐标如下：
* 绿色: 圆心 (100, 75) * 绿色: 圆心 (100, 75)
...@@ -200,7 +200,7 @@ ctx.fill() ...@@ -200,7 +200,7 @@ ctx.fill()
ctx.draw() ctx.draw()
``` ```
![uniapp](https://web-assets.dcloud.net.cn/unidoc/zh/fill-path.png) ![uniapp](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/fill-path.png)
### CanvasContext.bezierCurveTo ### CanvasContext.bezierCurveTo
创建三次方贝塞尔曲线路径。 创建三次方贝塞尔曲线路径。
...@@ -265,7 +265,7 @@ ctx.stroke() ...@@ -265,7 +265,7 @@ ctx.stroke()
ctx.draw() ctx.draw()
``` ```
![uniapp](https://web-assets.dcloud.net.cn/unidoc/zh/bezier-curve.png) ![uniapp](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/bezier-curve.png)
针对 `moveTo(20, 20)` ```bezierCurveTo(20, 100, 200, 100, 200, 20)``` 的三个关键坐标如下： 针对 `moveTo(20, 20)` ```bezierCurveTo(20, 100, 200, 100, 200, 20)``` 的三个关键坐标如下：
...@@ -305,7 +305,7 @@ ctx.clearRect(10, 10, 150, 75) ...@@ -305,7 +305,7 @@ ctx.clearRect(10, 10, 150, 75)
ctx.draw() ctx.draw()
``` ```
![uniapp](https://web-assets.dcloud.net.cn/unidoc/zh/clear-rect.png) ![uniapp](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/clear-rect.png)
### CanvasContext.clip ### CanvasContext.clip
...@@ -320,7 +320,7 @@ ctx.draw() ...@@ -320,7 +320,7 @@ ctx.draw()
const context = uni.createCanvasContext('myCanvas') const context = uni.createCanvasContext('myCanvas')
uni.downloadFile({ uni.downloadFile({
url: 'https://web-assets.dcloud.net.cn/unidoc/zh/uni@2x.png', url: 'https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni@2x.png',
success: function (res) { success: function (res) {
context.save() context.save()
context.beginPath() context.beginPath()
...@@ -334,7 +334,7 @@ context.drawImage(res.tempFilePath, 48, 48) ...@@ -334,7 +334,7 @@ context.drawImage(res.tempFilePath, 48, 48)
``` ```
![uniapp](https://web-assets.dcloud.net.cn/unidoc/zh/clip.png) ![uniapp](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/clip.png)
### CanvasContext.closePath ### CanvasContext.closePath
关闭一个路径。 关闭一个路径。
...@@ -355,7 +355,7 @@ ctx.stroke() ...@@ -355,7 +355,7 @@ ctx.stroke()
ctx.draw() ctx.draw()
``` ```
![uniapp](https://web-assets.dcloud.net.cn/unidoc/zh/close-line.png) ![uniapp](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/close-line.png)
```javascript ```javascript
...@@ -380,7 +380,7 @@ ctx.fill() ...@@ -380,7 +380,7 @@ ctx.fill()
ctx.draw() ctx.draw()
``` ```
![uniapp](https://web-assets.dcloud.net.cn/unidoc/zh/close-path.png) ![uniapp](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/close-path.png)
### CanvasContext.createCircularGradient ### CanvasContext.createCircularGradient
创建一个从圆心开始的渐变。返回的 [CanvasGradient](/api/canvas/CanvasGradient) 对象，需要使用 ```CanvasGradient.addColorStop()``` 来指定渐变点，至少要两个。 创建一个从圆心开始的渐变。返回的 [CanvasGradient](/api/canvas/CanvasGradient) 对象，需要使用 ```CanvasGradient.addColorStop()``` 来指定渐变点，至少要两个。
...@@ -409,7 +409,7 @@ ctx.fillRect(10, 10, 150, 80) ...@@ -409,7 +409,7 @@ ctx.fillRect(10, 10, 150, 80)
ctx.draw() ctx.draw()
``` ```
![uniapp](https://web-assets.dcloud.net.cn/unidoc/zh/circular-gradient.png) ![uniapp](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/circular-gradient.png)
### CanvasContext.createLinearGradient ### CanvasContext.createLinearGradient
创建一个线性的渐变颜色。返回的 [CanvasGradient](/api/canvas/CanvasGradient) 对象，需要使用 ```CanvasGradient.addColorStop()``` 来指定渐变点，至少要两个。 创建一个线性的渐变颜色。返回的 [CanvasGradient](/api/canvas/CanvasGradient) 对象，需要使用 ```CanvasGradient.addColorStop()``` 来指定渐变点，至少要两个。
...@@ -440,7 +440,7 @@ ctx.fillRect(10, 10, 150, 80) ...@@ -440,7 +440,7 @@ ctx.fillRect(10, 10, 150, 80)
ctx.draw() ctx.draw()
``` ```
![uniapp](https://web-assets.dcloud.net.cn/unidoc/zh/linear-gradient.png) ![uniapp](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/linear-gradient.png)
### CanvasContext.createPattern ### CanvasContext.createPattern
对指定的图像创建模式的方法，可在指定的方向上重复元图像 对指定的图像创建模式的方法，可在指定的方向上重复元图像
...@@ -484,7 +484,7 @@ ctx.fillRect(50, 50, 150, 100) ...@@ -484,7 +484,7 @@ ctx.fillRect(50, 50, 150, 100)
ctx.draw() ctx.draw()
``` ```
![uniapp](https://web-assets.dcloud.net.cn/unidoc/zh/un-reserve.png) ![uniapp](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/un-reserve.png)
```javascript ```javascript
...@@ -497,7 +497,7 @@ ctx.fillRect(50, 50, 150, 100) ...@@ -497,7 +497,7 @@ ctx.fillRect(50, 50, 150, 100)
ctx.draw(true) ctx.draw(true)
``` ```
![uniapp](https://web-assets.dcloud.net.cn/unidoc/zh/reserve.png) ![uniapp](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/reserve.png)
### CanvasContext.drawImage ### CanvasContext.drawImage
绘制图像到画布。 绘制图像到画布。
...@@ -535,7 +535,7 @@ uni.chooseImage({ ...@@ -535,7 +535,7 @@ uni.chooseImage({
}) })
``` ```
![uniapp](https://web-assets.dcloud.net.cn/unidoc/zh/draw-image.png) ![uniapp](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/draw-image.png)
### CanvasContext.fill ### CanvasContext.fill
对当前路径中的内容进行填充。默认的填充色为黑色。 对当前路径中的内容进行填充。默认的填充色为黑色。
...@@ -555,7 +555,7 @@ ctx.fill() ...@@ -555,7 +555,7 @@ ctx.fill()
ctx.draw() ctx.draw()
``` ```
![uniapp](https://web-assets.dcloud.net.cn/unidoc/zh/fill-line.png) ![uniapp](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/fill-line.png)
```javascript ```javascript
const ctx = uni.createCanvasContext('myCanvas') const ctx = uni.createCanvasContext('myCanvas')
...@@ -580,7 +580,7 @@ ctx.fill() ...@@ -580,7 +580,7 @@ ctx.fill()
ctx.draw() ctx.draw()
``` ```
![uniapp](https://web-assets.dcloud.net.cn/unidoc/zh/fill-path.png) ![uniapp](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/fill-path.png)
### CanvasContext.fillRect ### CanvasContext.fillRect
填充一个矩形。 填充一个矩形。
...@@ -605,7 +605,7 @@ ctx.fillRect(10, 10, 150, 75) ...@@ -605,7 +605,7 @@ ctx.fillRect(10, 10, 150, 75)
ctx.draw() ctx.draw()
``` ```
![uniapp](https://web-assets.dcloud.net.cn/unidoc/zh/fill-rect.png) ![uniapp](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/fill-rect.png)
### CanvasContext.fillText ### CanvasContext.fillText
在画布上绘制被填充的文本。 在画布上绘制被填充的文本。
...@@ -655,7 +655,7 @@ ctx.stroke() ...@@ -655,7 +655,7 @@ ctx.stroke()
ctx.draw() ctx.draw()
``` ```
![uniapp](https://web-assets.dcloud.net.cn/unidoc/zh/line-to.png) ![uniapp](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/line-to.png)
### CanvasContext.measureText ### CanvasContext.measureText
测量文本尺寸信息，目前仅返回文本宽度。同步接口。（App 端 2.8.12+ 支持） 测量文本尺寸信息，目前仅返回文本宽度。同步接口。（App 端 2.8.12+ 支持）
...@@ -706,7 +706,7 @@ ctx.stroke() ...@@ -706,7 +706,7 @@ ctx.stroke()
ctx.draw() ctx.draw()
``` ```
![uniapp](https://web-assets.dcloud.net.cn/unidoc/zh/move-to.png) ![uniapp](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/move-to.png)
### CanvasContext.quadraticCurveTo ### CanvasContext.quadraticCurveTo
创建二次贝塞尔曲线路径。曲线的起始点为路径中前一个点。 创建二次贝塞尔曲线路径。曲线的起始点为路径中前一个点。
...@@ -762,7 +762,7 @@ ctx.stroke() ...@@ -762,7 +762,7 @@ ctx.stroke()
ctx.draw() ctx.draw()
``` ```
![uniapp](https://web-assets.dcloud.net.cn/unidoc/zh/quadratic-curve-to.png) ![uniapp](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/quadratic-curve-to.png)
针对 `moveTo(20, 20)` ```quadraticCurveTo(20, 100, 200, 20)``` 的三个关键坐标如下： 针对 `moveTo(20, 20)` ```quadraticCurveTo(20, 100, 200, 20)``` 的三个关键坐标如下：
...@@ -794,7 +794,7 @@ ctx.fill() ...@@ -794,7 +794,7 @@ ctx.fill()
ctx.draw() ctx.draw()
``` ```
![uniapp](https://web-assets.dcloud.net.cn/unidoc/zh/fill-rect.png) ![uniapp](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/fill-rect.png)
### CanvasContext.restore ### CanvasContext.restore
恢复之前保存的绘图上下文。 恢复之前保存的绘图上下文。
...@@ -816,7 +816,7 @@ ctx.fillRect(50, 50, 150, 100) ...@@ -816,7 +816,7 @@ ctx.fillRect(50, 50, 150, 100)
ctx.draw() ctx.draw()
``` ```
![uniapp](https://web-assets.dcloud.net.cn/unidoc/zh/save-restore.png) ![uniapp](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/save-restore.png)
### CanvasContext.rotate ### CanvasContext.rotate
以原点为中心，原点可以用 translate方法修改。顺时针旋转当前坐标轴。多次调用rotate，旋转的角度会叠加。 以原点为中心，原点可以用 translate方法修改。顺时针旋转当前坐标轴。多次调用rotate，旋转的角度会叠加。
...@@ -841,7 +841,7 @@ ctx.strokeRect(100, 10, 150, 100) ...@@ -841,7 +841,7 @@ ctx.strokeRect(100, 10, 150, 100)
ctx.draw() ctx.draw()
``` ```
![uniapp](https://web-assets.dcloud.net.cn/unidoc/zh/rotate.png) ![uniapp](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/rotate.png)
### CanvasContext.save ### CanvasContext.save
保存当前的绘图上下文。 保存当前的绘图上下文。
...@@ -887,7 +887,7 @@ ctx.strokeRect(10, 10, 25, 15) ...@@ -887,7 +887,7 @@ ctx.strokeRect(10, 10, 25, 15)
ctx.draw() ctx.draw()
``` ```
![uniapp](https://web-assets.dcloud.net.cn/unidoc/zh/scale.png) ![uniapp](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/scale.png)
### CanvasContext.setFillStyle@canvascontextsetfillstyle ### CanvasContext.setFillStyle@canvascontextsetfillstyle
设置填充色，如果没有设置 fillStyle，默认颜色为 black。 设置填充色，如果没有设置 fillStyle，默认颜色为 black。
...@@ -914,7 +914,7 @@ ctx.fillRect(10, 10, 150, 75) ...@@ -914,7 +914,7 @@ ctx.fillRect(10, 10, 150, 75)
ctx.draw() ctx.draw()
``` ```
![uniapp](https://web-assets.dcloud.net.cn/unidoc/zh/fill-rect.png) ![uniapp](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/fill-rect.png)
### CanvasContext.setFontSize ### CanvasContext.setFontSize
设置字体的字号。 设置字体的字号。
...@@ -940,7 +940,7 @@ ctx.fillText('50', 90, 90) ...@@ -940,7 +940,7 @@ ctx.fillText('50', 90, 90)
ctx.draw() ctx.draw()
``` ```
![uniapp](https://web-assets.dcloud.net.cn/unidoc/zh/font-size.png) ![uniapp](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/font-size.png)
### CanvasContext.setGlobalAlpha ### CanvasContext.setGlobalAlpha
...@@ -968,7 +968,7 @@ ctx.fillRect(100, 100, 150, 100) ...@@ -968,7 +968,7 @@ ctx.fillRect(100, 100, 150, 100)
ctx.draw() ctx.draw()
``` ```
![uniapp](https://web-assets.dcloud.net.cn/unidoc/zh/global-alpha.png) ![uniapp](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/global-alpha.png)
### CanvasContext.setLineCap@canvascontextsetlinecap ### CanvasContext.setLineCap@canvascontextsetlinecap
设置线条的端点样式。 设置线条的端点样式。
...@@ -1012,7 +1012,7 @@ ctx.stroke() ...@@ -1012,7 +1012,7 @@ ctx.stroke()
ctx.draw() ctx.draw()
``` ```
![uniapp](https://web-assets.dcloud.net.cn/unidoc/zh/line-cap.png) ![uniapp](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/line-cap.png)
### CanvasContext.setLineDash ### CanvasContext.setLineDash
设置线条宽度。 设置线条宽度。
...@@ -1039,7 +1039,7 @@ ctx.stroke(); ...@@ -1039,7 +1039,7 @@ ctx.stroke();
ctx.draw() ctx.draw()
``` ```
![uniapp](https://web-assets.dcloud.net.cn/unidoc/zh/set-line-dash.png) ![uniapp](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/set-line-dash.png)
### CanvasContext.setLineJoin@canvascontextsetlinejoin ### CanvasContext.setLineJoin@canvascontextsetlinejoin
设置线条的交点样式。 设置线条的交点样式。
...@@ -1087,7 +1087,7 @@ ctx.stroke() ...@@ -1087,7 +1087,7 @@ ctx.stroke()
ctx.draw() ctx.draw()
``` ```
![uniapp](https://web-assets.dcloud.net.cn/unidoc/zh/line-join.png) ![uniapp](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/line-join.png)
### CanvasContext.setLineWidth@canvascontextsetlinewidth ### CanvasContext.setLineWidth@canvascontextsetlinewidth
设置线条的宽度。 设置线条的宽度。
...@@ -1128,7 +1128,7 @@ ctx.stroke() ...@@ -1128,7 +1128,7 @@ ctx.stroke()
ctx.draw() ctx.draw()
``` ```
![uniapp](https://web-assets.dcloud.net.cn/unidoc/zh/line-width.png) ![uniapp](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/line-width.png)
### CanvasContext.setMiterLimit@canvascontextsetmiterlimit ### CanvasContext.setMiterLimit@canvascontextsetmiterlimit
设置最大斜接长度，斜接长度指的是在两条线交汇处内角和外角之间的距离。 当 ``setLineJoin()`` 为 miter 时才有效。超过最大倾斜长度的，连接处将以 lineJoin 为 bevel 来显示。 设置最大斜接长度，斜接长度指的是在两条线交汇处内角和外角之间的距离。 当 ``setLineJoin()`` 为 miter 时才有效。超过最大倾斜长度的，连接处将以 lineJoin 为 bevel 来显示。
...@@ -1182,7 +1182,7 @@ ctx.stroke() ...@@ -1182,7 +1182,7 @@ ctx.stroke()
ctx.draw() ctx.draw()
``` ```
![uniapp](https://web-assets.dcloud.net.cn/unidoc/zh/miter-limit.png) ![uniapp](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/miter-limit.png)
### CanvasContext.setShadow ### CanvasContext.setShadow
设置阴影样式。如果没有设置，offsetX 默认值为0， offsetY 默认值为0， blur 默认值为0，color 默认值为 black。 设置阴影样式。如果没有设置，offsetX 默认值为0， offsetY 默认值为0， blur 默认值为0，color 默认值为 black。
...@@ -1206,7 +1206,7 @@ ctx.fillRect(10, 10, 150, 75) ...@@ -1206,7 +1206,7 @@ ctx.fillRect(10, 10, 150, 75)
ctx.draw() ctx.draw()
``` ```
![uniapp](https://web-assets.dcloud.net.cn/unidoc/zh/shadow.png) ![uniapp](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/shadow.png)
### CanvasContext.setStrokeStyle@canvascontextsetstrokestyle ### CanvasContext.setStrokeStyle@canvascontextsetstrokestyle
设置边框颜色。如果没有设置 fillStyle，默认颜色为 black。 设置边框颜色。如果没有设置 fillStyle，默认颜色为 black。
...@@ -1226,7 +1226,7 @@ ctx.strokeRect(10, 10, 150, 75) ...@@ -1226,7 +1226,7 @@ ctx.strokeRect(10, 10, 150, 75)
ctx.draw() ctx.draw()
``` ```
![uniapp](https://web-assets.dcloud.net.cn/unidoc/zh/stroke-rect.png) ![uniapp](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/stroke-rect.png)
### CanvasContext.setTextAlign ### CanvasContext.setTextAlign
用于设置文字的对齐 用于设置文字的对齐
...@@ -1258,7 +1258,7 @@ ctx.fillText('textAlign=right', 150, 100) ...@@ -1258,7 +1258,7 @@ ctx.fillText('textAlign=right', 150, 100)
ctx.draw() ctx.draw()
``` ```
![uniapp](https://web-assets.dcloud.net.cn/unidoc/zh/set-text-align.png) ![uniapp](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/set-text-align.png)
### CanvasContext.setTextBaseline ### CanvasContext.setTextBaseline
用于设置文字的水平对齐 用于设置文字的水平对齐
...@@ -1296,7 +1296,7 @@ ctx.fillText('normal', 200, 75) ...@@ -1296,7 +1296,7 @@ ctx.fillText('normal', 200, 75)
ctx.draw() ctx.draw()
``` ```
![uniapp](https://web-assets.dcloud.net.cn/unidoc/zh/set-text-baseline.png) ![uniapp](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/set-text-baseline.png)
### CanvasContext.setTransform ### CanvasContext.setTransform
使用矩阵重新设置（覆盖）当前变换的方法 使用矩阵重新设置（覆盖）当前变换的方法
...@@ -1334,7 +1334,7 @@ ctx.stroke() ...@@ -1334,7 +1334,7 @@ ctx.stroke()
ctx.draw() ctx.draw()
``` ```
![uniapp](https://web-assets.dcloud.net.cn/unidoc/zh/stroke-line.png) ![uniapp](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/stroke-line.png)
```javascript ```javascript
...@@ -1360,7 +1360,7 @@ ctx.stroke() ...@@ -1360,7 +1360,7 @@ ctx.stroke()
ctx.draw() ctx.draw()
``` ```
![uniapp](https://web-assets.dcloud.net.cn/unidoc/zh/stroke-path.png) ![uniapp](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/stroke-path.png)
### CanvasContext.strokeRect ### CanvasContext.strokeRect
画一个矩形(非填充)。用 `setFillStroke()` 设置边框颜色，如果没设置默认是黑色。 画一个矩形(非填充)。用 `setFillStroke()` 设置边框颜色，如果没设置默认是黑色。
...@@ -1383,7 +1383,7 @@ ctx.strokeRect(10, 10, 150, 75) ...@@ -1383,7 +1383,7 @@ ctx.strokeRect(10, 10, 150, 75)
ctx.draw() ctx.draw()
``` ```
![uniapp](https://web-assets.dcloud.net.cn/unidoc/zh/stroke-rect.png) ![uniapp](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/stroke-rect.png)
### CanvasContext.strokeText ### CanvasContext.strokeText
...@@ -1443,4 +1443,4 @@ ctx.strokeRect(10, 10, 150, 100) ...@@ -1443,4 +1443,4 @@ ctx.strokeRect(10, 10, 150, 100)
ctx.draw() ctx.draw()
``` ```
![uniapp](https://web-assets.dcloud.net.cn/unidoc/zh/translate.png) ![uniapp](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/translate.png)
docs/api/canvas/CanvasGradient.md
浏览文件 @ 6a735acf
...@@ -33,5 +33,5 @@ ctx.fillRect(10, 10, 150, 80) ...@@ -33,5 +33,5 @@ ctx.fillRect(10, 10, 150, 80)
ctx.draw() ctx.draw()
``` ```
![uniapp](https://web-assets.dcloud.net.cn/unidoc/zh/color-stop.png) ![uniapp](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/color-stop.png)
docs/api/media/background-audio-manager.md
浏览文件 @ 6a735acf
...@@ -62,7 +62,7 @@ errCode 说明 ...@@ -62,7 +62,7 @@ errCode 说明
const bgAudioManager = uni.getBackgroundAudioManager(); const bgAudioManager = uni.getBackgroundAudioManager();
bgAudioManager.title = '致爱丽丝'; bgAudioManager.title = '致爱丽丝';
bgAudioManager.singer = '暂无'; bgAudioManager.singer = '暂无';
bgAudioManager.coverImgUrl = 'https://web-assets.dcloud.net.cn/unidoc/zh/music-a.png'; bgAudioManager.coverImgUrl = 'https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/music-a.png';
bgAudioManager.src = 'https://bjetxgzv.cdn.bspapp.com/VKCEYUGU-hello-uniapp/2cc220e0-c27a-11ea-9dfb-6da8e309e0d8.mp3'; bgAudioManager.src = 'https://bjetxgzv.cdn.bspapp.com/VKCEYUGU-hello-uniapp/2cc220e0-c27a-11ea-9dfb-6da8e309e0d8.mp3';
``` ```
......
docs/api/media/video-context.md
浏览文件 @ 6a735acf
...@@ -32,7 +32,7 @@ ...@@ -32,7 +32,7 @@
<view> <view>
<view class="page-body"> <view class="page-body">
<view class="page-section"> <view class="page-section">
<video id="myVideo" src="https://web-assets.dcloud.net.cn/unidoc/zh/wap2appvsnative.mp4" @error="videoErrorCallback" :danmu-list="danmuList" <video id="myVideo" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/wap2appvsnative.mp4" @error="videoErrorCallback" :danmu-list="danmuList"
enable-danmu danmu-btn controls> enable-danmu danmu-btn controls>
</video> </video>
......
docs/api/other/open-miniprogram.md
浏览文件 @ 6a735acf
...@@ -77,7 +77,7 @@ uni.navigateBackMiniProgram({ ...@@ -77,7 +77,7 @@ uni.navigateBackMiniProgram({
当小程序需要打开另一个小程序让用户进行快捷操作时，可将要打开的小程序以半屏的形态跳转。 当小程序需要打开另一个小程序让用户进行快捷操作时，可将要打开的小程序以半屏的形态跳转。
![](https://web-assets.dcloud.net.cn/unidoc/zh/wx-miniprogram.jpeg) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/wx-miniprogram.jpeg)
**调用流程** **调用流程**
......
docs/api/plugins/payment.md
浏览文件 @ 6a735acf
...@@ -80,7 +80,7 @@ uni.requestPayment是一个统一各平台的客户端支付API，不管是在 ...@@ -80,7 +80,7 @@ uni.requestPayment是一个统一各平台的客户端支付API，不管是在
1. 在`manifest.json - App模块权限选择` 中勾选 payment(支付) 1. 在`manifest.json - App模块权限选择` 中勾选 payment(支付)
2. 在 `manifest.json - App SDK配置` 中，勾选需要的支付平台，目前有微信支付、支付宝支付、苹果应用内支付(IAP)，其中微信支付需要填写从微信开放平台获取的AppID 2. 在 `manifest.json - App SDK配置` 中，勾选需要的支付平台，目前有微信支付、支付宝支付、苹果应用内支付(IAP)，其中微信支付需要填写从微信开放平台获取的AppID
![](https://web-assets.dcloud.net.cn/unidoc/zh/manifest-config.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/manifest-config.png)
<!-- ![uniapp](https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/pay1.png) --> <!-- ![uniapp](https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/pay1.png) -->
<!-- 临时把老图注掉，替换正式地址时再把老图地址放开 --> <!-- 临时把老图注掉，替换正式地址时再把老图地址放开 -->
3. 这些配置需要打包生效，真机运行仍然是HBuilder基座的设置，可使用自定义基座调试。离线打包请参考离线打包文档在原生工程中配置。 3. 这些配置需要打包生效，真机运行仍然是HBuilder基座的设置，可使用自定义基座调试。离线打包请参考离线打包文档在原生工程中配置。
......
docs/api/plugins/share.md
浏览文件 @ 6a735acf
...@@ -112,7 +112,7 @@ uni.share({ ...@@ -112,7 +112,7 @@ uni.share({
provider: "weixin", provider: "weixin",
scene: "WXSceneSession", scene: "WXSceneSession",
type: 2, type: 2,
imageUrl: "https://web-assets.dcloud.net.cn/unidoc/zh/uni@2x.png", imageUrl: "https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni@2x.png",
success: function (res) { success: function (res) {
console.log("success:" + JSON.stringify(res)); console.log("success:" + JSON.stringify(res));
}, },
...@@ -135,7 +135,7 @@ uni.share({ ...@@ -135,7 +135,7 @@ uni.share({
href: "http://uniapp.dcloud.io/", href: "http://uniapp.dcloud.io/",
title: "uni-app分享", title: "uni-app分享",
summary: "我正在使用HBuilderX开发uni-app，赶紧跟我一起来体验！", summary: "我正在使用HBuilderX开发uni-app，赶紧跟我一起来体验！",
imageUrl: "https://web-assets.dcloud.net.cn/unidoc/zh/uni@2x.png", imageUrl: "https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni@2x.png",
success: function (res) { success: function (res) {
console.log("success:" + JSON.stringify(res)); console.log("success:" + JSON.stringify(res));
}, },
...@@ -170,7 +170,7 @@ uni.share({ ...@@ -170,7 +170,7 @@ uni.share({
provider: "weixin", provider: "weixin",
scene: "WXSceneTimeline", scene: "WXSceneTimeline",
type: 2, type: 2,
imageUrl: "https://web-assets.dcloud.net.cn/unidoc/zh/uni@2x.png", imageUrl: "https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni@2x.png",
success: function (res) { success: function (res) {
console.log("success:" + JSON.stringify(res)); console.log("success:" + JSON.stringify(res));
}, },
...@@ -192,7 +192,7 @@ uni.share({ ...@@ -192,7 +192,7 @@ uni.share({
href: "http://uniapp.dcloud.io/", href: "http://uniapp.dcloud.io/",
title: "uni-app分享", title: "uni-app分享",
summary: "我正在使用HBuilderX开发uni-app，赶紧跟我一起来体验！", summary: "我正在使用HBuilderX开发uni-app，赶紧跟我一起来体验！",
imageUrl: "https://web-assets.dcloud.net.cn/unidoc/zh/uni@2x.png", imageUrl: "https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni@2x.png",
success: function (res) { success: function (res) {
console.log("success:" + JSON.stringify(res)); console.log("success:" + JSON.stringify(res));
}, },
...@@ -209,7 +209,7 @@ uni.share({ ...@@ -209,7 +209,7 @@ uni.share({
provider: 'weixin', provider: 'weixin',
scene: "WXSceneSession", scene: "WXSceneSession",
type: 5, type: 5,
imageUrl: 'https://web-assets.dcloud.net.cn/unidoc/zh/share-logo@3.png', imageUrl: 'https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/share-logo@3.png',
title: '欢迎体验uniapp', title: '欢迎体验uniapp',
miniProgram: { miniProgram: {
id: 'gh_abcdefg', id: 'gh_abcdefg',
...@@ -238,12 +238,12 @@ uni.share({ ...@@ -238,12 +238,12 @@ uni.share({
- 微信 appid 申请步骤：[https://ask.dcloud.net.cn/article/208](https://ask.dcloud.net.cn/article/208)。 - 微信 appid 申请步骤：[https://ask.dcloud.net.cn/article/208](https://ask.dcloud.net.cn/article/208)。
- iOS平台微信SDK配置通用链接：[https://ask.dcloud.net.cn/article/36445](https://ask.dcloud.net.cn/article/36445)。 - iOS平台微信SDK配置通用链接：[https://ask.dcloud.net.cn/article/36445](https://ask.dcloud.net.cn/article/36445)。
![](https://web-assets.dcloud.net.cn/unidoc/zh/mp-weixin-manifest-share.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/mp-weixin-manifest-share.png)
##### 新浪微博分享 ##### 新浪微博分享
在 manifest.json 的 App SDK 配置里，勾选勾选新浪微博，并填写相关appkey，新浪微博 appkey 申请步骤可参考：[https://ask.dcloud.net.cn/article/209](https://ask.dcloud.net.cn/article/209)。 在 manifest.json 的 App SDK 配置里，勾选勾选新浪微博，并填写相关appkey，新浪微博 appkey 申请步骤可参考：[https://ask.dcloud.net.cn/article/209](https://ask.dcloud.net.cn/article/209)。
![](https://web-assets.dcloud.net.cn/unidoc/zh/uni2019022502.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni2019022502.png)
##### QQ 分享 ##### QQ 分享
在 manifest.json 的 App SDK 配置里，勾选分享到QQ好友，并填写相关appkey，QQ分享 appkey 申请步骤： 在 manifest.json 的 App SDK 配置里，勾选分享到QQ好友，并填写相关appkey，QQ分享 appkey 申请步骤：
...@@ -252,7 +252,7 @@ uni.share({ ...@@ -252,7 +252,7 @@ uni.share({
2. 完成开发者注册； 2. 完成开发者注册；
3. 创建应用，选择移动 App，填写相关信息，然后等待审核，审核通过后即可得到AppId。 3. 创建应用，选择移动 App，填写相关信息，然后等待审核，审核通过后即可得到AppId。
![](https://web-assets.dcloud.net.cn/unidoc/zh/uni2019022503.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni2019022503.png)
这些配置需要打包生效，真机运行仍然是HBuilder基座的设置，可使用[自定义基座包](http://ask.dcloud.net.cn/article/12723)调试。离线打包请参考离线打包文档在原生工程中配置。 这些配置需要打包生效，真机运行仍然是HBuilder基座的设置，可使用[自定义基座包](http://ask.dcloud.net.cn/article/12723)调试。离线打包请参考离线打包文档在原生工程中配置。
......
docs/api/plugins/universal-links.md
浏览文件 @ 6a735acf
...@@ -34,7 +34,7 @@ Error: not set parameter 'UniversalLinks' @'oauth-weixin' ...@@ -34,7 +34,7 @@ Error: not set parameter 'UniversalLinks' @'oauth-weixin'
### 第一步：开启Associated Domains服务 ### 第一步：开启Associated Domains服务
登录[苹果开发者网站](https://developer.apple.com/)，在“Certificates, Identifiers & Profiles”页面选择“Identifiers”中选择对应的App ID，确保开启Associated Domains服务 登录[苹果开发者网站](https://developer.apple.com/)，在“Certificates, Identifiers & Profiles”页面选择“Identifiers”中选择对应的App ID，确保开启Associated Domains服务
![](https://web-assets.dcloud.net.cn/unidoc/zh/ulink1.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/ulink1.png)
**开启Associated Domains服务后需要重新生成profile文件，提交云端打包时使用** **开启Associated Domains服务后需要重新生成profile文件，提交云端打包时使用**
...@@ -43,16 +43,16 @@ HBuilderX (3.2.0 版本起) 新增QQ互联和新浪微博开放平台的通用 ...@@ -43,16 +43,16 @@ HBuilderX (3.2.0 版本起) 新增QQ互联和新浪微博开放平台的通用
打开项目的manifest.json文件，在“(App) SDK配置”项中的微信登录（微信分享、微信支付）下的“iOS平台通用链接（Universal Links）”中， 打开项目的manifest.json文件，在“(App) SDK配置”项中的微信登录（微信分享、微信支付）下的“iOS平台通用链接（Universal Links）”中，
点击如图所示【自动生成】 点击如图所示【自动生成】
![](https://web-assets.dcloud.net.cn/unidoc/zh/%E7%94%9F%E6%88%90%E9%80%9A%E7%94%A8%E9%93%BE%E6%8E%A5%E6%95%99%E7%A8%8B1.jpg) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/%E7%94%9F%E6%88%90%E9%80%9A%E7%94%A8%E9%93%BE%E6%8E%A5%E6%95%99%E7%A8%8B1.jpg)
* 注意您必须先开通"uniCloud(阿里云版)云服务空间和开通前端网页托管"[点此查看开通教程](https://ask.dcloud.net.cn/article/38951),按提示完成操作即可。 * 注意您必须先开通"uniCloud(阿里云版)云服务空间和开通前端网页托管"[点此查看开通教程](https://ask.dcloud.net.cn/article/38951),按提示完成操作即可。
![](https://web-assets.dcloud.net.cn/unidoc/zh/%E7%94%9F%E6%88%90%E9%80%9A%E7%94%A8%E9%93%BE%E6%8E%A5%E6%95%99%E7%A8%8B2.jpg) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/%E7%94%9F%E6%88%90%E9%80%9A%E7%94%A8%E9%93%BE%E6%8E%A5%E6%95%99%E7%A8%8B2.jpg)
* 注意：通用链接默认域名仅供测试使用，访问频次限制60次/分钟，请勿在正式发行的项目中使用。正式项目，务必绑定自己的域名（顶级域名，二级域名均可） * 注意：通用链接默认域名仅供测试使用，访问频次限制60次/分钟，请勿在正式发行的项目中使用。正式项目，务必绑定自己的域名（顶级域名，二级域名均可）
* 如何绑定自己的域名详情：[https://uniapp.dcloud.io/uniCloud/hosting?id=domain](https://uniapp.dcloud.io/uniCloud/hosting?id=domain) * 如何绑定自己的域名详情：[https://uniapp.dcloud.io/uniCloud/hosting?id=domain](https://uniapp.dcloud.io/uniCloud/hosting?id=domain)
![](https://web-assets.dcloud.net.cn/unidoc/zh/%E9%85%8D%E7%BD%AE%E9%80%9A%E7%94%A8%E9%93%BE%E6%8E%A5%E8%87%AA%E5%AE%9A%E4%B9%89%E5%9F%9F%E5%90%8D.jpg) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/%E9%85%8D%E7%BD%AE%E9%80%9A%E7%94%A8%E9%93%BE%E6%8E%A5%E8%87%AA%E5%AE%9A%E4%B9%89%E5%9F%9F%E5%90%8D.jpg)
### 第三步：在第三方开放平台配置通用链接 ### 第三步：在第三方开放平台配置通用链接
...@@ -132,7 +132,7 @@ HBuilderX (3.2.0 版本起) 新增QQ互联和新浪微博开放平台的通用 ...@@ -132,7 +132,7 @@ HBuilderX (3.2.0 版本起) 新增QQ互联和新浪微博开放平台的通用
2.如何验证通用链接已经生效，有什么表现或者测试方案 2.如何验证通用链接已经生效，有什么表现或者测试方案
你可以将通用链接输入到iphone自带Safari浏览器中，下拉即可看到通用链接对应到应用名称和一个打开按钮，点击按钮即可直接在浏览器打开对应的APP。详情：[点此查看演示视频](https://web-assets.dcloud.net.cn/unidoc/zh/%E9%80%9A%E7%94%A8%E9%93%BE%E6%8E%A5%E6%BC%94%E7%A4%BA%E8%A7%86%E9%A2%91.mp4) 你可以将通用链接输入到iphone自带Safari浏览器中，下拉即可看到通用链接对应到应用名称和一个打开按钮，点击按钮即可直接在浏览器打开对应的APP。详情：[点此查看演示视频](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/%E9%80%9A%E7%94%A8%E9%93%BE%E6%8E%A5%E6%BC%94%E7%A4%BA%E8%A7%86%E9%A2%91.mp4)
3.使用微信登录、分享、支付等功能时，用户非首次调起微信，仍然出现二次跳转app 3.使用微信登录、分享、支付等功能时，用户非首次调起微信，仍然出现二次跳转app
......
docs/app/oauth/oauth-facebook.md
浏览文件 @ 6a735acf
...@@ -8,40 +8,40 @@ ...@@ -8,40 +8,40 @@
2.点击右上角"我的应用" 2.点击右上角"我的应用"
![](https://web-assets.dcloud.net.cn/unidoc/zh/oauth-fb-myApplication.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/oauth-fb-myApplication.png)
3.进入应用管理界面，点击"创建应用" 3.进入应用管理界面，点击"创建应用"
![](https://web-assets.dcloud.net.cn/unidoc/zh/oauth-fb-createApplication.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/oauth-fb-createApplication.png)
4.根据需要选择应用产品的类型(应用类型详见"详细了解应用类型")，然后点击继续 4.根据需要选择应用产品的类型(应用类型详见"详细了解应用类型")，然后点击继续
![](https://web-assets.dcloud.net.cn/unidoc/zh/oauth-fb-chooseApplicationType.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/oauth-fb-chooseApplicationType.png)
5.填写应用信息 5.填写应用信息
![](https://web-assets.dcloud.net.cn/unidoc/zh/oauth-fb-fillInAppInfo.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/oauth-fb-fillInAppInfo.png)
6.创建完成后即可获取应用的应用编号(即appID) 6.创建完成后即可获取应用的应用编号(即appID)
7.为应用添加登录功能 7.为应用添加登录功能
![](https://web-assets.dcloud.net.cn/unidoc/zh/oauth-fb-addProduct.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/oauth-fb-addProduct.png)
### 设置登录-iOS ### 设置登录-iOS
1.我的应用--设置--基本，选择添加平台，选择iOS 1.我的应用--设置--基本，选择添加平台，选择iOS
![](https://web-assets.dcloud.net.cn/unidoc/zh/oauth-fb-ios-addPlatform.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/oauth-fb-ios-addPlatform.png)
2.填写信息保存即可 2.填写信息保存即可
![](https://web-assets.dcloud.net.cn/unidoc/zh/oauth-fb-ios-saveInfo.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/oauth-fb-ios-saveInfo.png)
...@@ -49,12 +49,12 @@ ...@@ -49,12 +49,12 @@
我的应用--设置--基本，选择添加平台 我的应用--设置--基本，选择添加平台
![](https://web-assets.dcloud.net.cn/unidoc/zh/oauth-fb-android-addPlatform.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/oauth-fb-android-addPlatform.png)
选择android平台，应用商店选择Google Play 选择android平台，应用商店选择Google Play
![](https://web-assets.dcloud.net.cn/unidoc/zh/oauth-fb-android-appstore.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/oauth-fb-android-appstore.png)
填写必要的包名和散列信息，类名是固定的。如图 填写必要的包名和散列信息，类名是固定的。如图
...@@ -66,7 +66,7 @@ https://developers.facebook.com/docs/facebook-login/android 第六小节 ...@@ -66,7 +66,7 @@ https://developers.facebook.com/docs/facebook-login/android 第六小节
使用下面的命令获取 使用下面的命令获取
keytool -exportcert -alias hbuilder -keystore ./HBuilder.keystore | openssl dgst -sha1 -binary | openssl base64 keytool -exportcert -alias hbuilder -keystore ./HBuilder.keystore | openssl dgst -sha1 -binary | openssl base64
![](https://web-assets.dcloud.net.cn/unidoc/zh/oauth-fb-android-saveInfo.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/oauth-fb-android-saveInfo.png)
...@@ -74,7 +74,7 @@ keytool -exportcert -alias hbuilder -keystore ./HBuilder.keystore | openssl dgst ...@@ -74,7 +74,7 @@ keytool -exportcert -alias hbuilder -keystore ./HBuilder.keystore | openssl dgst
使用Facebook登录需开启"public_profile"以及"email"的访问权限 使用Facebook登录需开启"public_profile"以及"email"的访问权限
点击"应用审核"-"权限和功能"，开启"public_profile"以及"email"的高级访问权限 点击"应用审核"-"权限和功能"，开启"public_profile"以及"email"的高级访问权限
![](https://web-assets.dcloud.net.cn/unidoc/zh/oauth-fb-permission.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/oauth-fb-permission.png)
......
docs/app/oauth/oauth-google.md
浏览文件 @ 6a735acf
...@@ -10,24 +10,24 @@ ...@@ -10,24 +10,24 @@
2.2 选择项目配置 2.2 选择项目配置
![](https://web-assets.dcloud.net.cn/unidoc/zh/oauth-google-android-apiConfig.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/oauth-google-android-apiConfig.png)
点击后出现项目与应用选择界面， 点击后出现项目与应用选择界面，
如果你有已创建过的Firebase项目，可以直接选择。 如果你有已创建过的Firebase项目，可以直接选择。
如果没有，可以选择新建一个Google Api 项目。 如果没有，可以选择新建一个Google Api 项目。
![](https://web-assets.dcloud.net.cn/unidoc/zh/oauth-google-android-configureProject.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/oauth-google-android-configureProject.png)
选择项目后，在该项目下新建一个应用 选择项目后，在该项目下新建一个应用
选择应用平台 android 选择应用平台 android
![](https://web-assets.dcloud.net.cn/unidoc/zh/oauth-google-android-appType.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/oauth-google-android-appType.png)
需要填写应用的包名和sha1指纹 需要填写应用的包名和sha1指纹
指纹的获取方法在界面上有提示。按照提示操作即可。 指纹的获取方法在界面上有提示。按照提示操作即可。
![](https://web-assets.dcloud.net.cn/unidoc/zh/oauth-google-android-createApp.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/oauth-google-android-createApp.png)
点击创建，即可完成开通步骤。 点击创建，即可完成开通步骤。
...@@ -37,8 +37,8 @@ ...@@ -37,8 +37,8 @@
3.2 点击创建OAuth客户端ID，填写项目名称 3.2 点击创建OAuth客户端ID，填写项目名称
![](https://web-assets.dcloud.net.cn/unidoc/zh/oauth-google-ios-config.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/oauth-google-ios-config.png)
3.3 选择iOS平台、填写BundleID后，点击CREATE，即可获取Client ID 3.3 选择iOS平台、填写BundleID后，点击CREATE，即可获取Client ID
![](https://web-assets.dcloud.net.cn/unidoc/zh/oauth-google-ios-create.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/oauth-google-ios-create.png)
\ No newline at end of file \ No newline at end of file
docs/case.md
浏览文件 @ 6a735acf
...@@ -96,11 +96,11 @@ uni-app助力数百家单位快速上线**抗疫系统**，开源众多项目。 ...@@ -96,11 +96,11 @@ uni-app助力数百家单位快速上线**抗疫系统**，开源众多项目。
<a href="https://m.qinxuan.hihonor.com/" target="_blank" class="clear-style"><b>华为荣耀亲选商城：</b></a> 华为公司旗下荣耀品牌精品电商平台。 <a href="https://m.qinxuan.hihonor.com/" target="_blank" class="clear-style"><b>华为荣耀亲选商城：</b></a> 华为公司旗下荣耀品牌精品电商平台。
<div style="display:flex;justify-content: space-around;"> <div style="display:flex;justify-content: space-around;">
<a href="javascript:;" target="_self" class="clear-style barcode-view"> <a href="javascript:;" target="_self" class="clear-style barcode-view">
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/uni-case-rongyao.png" width="200"/> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni-case-rongyao.png" width="200"/>
<span style="margin-top:15px;">微信小程序</span> <span style="margin-top:15px;">微信小程序</span>
</a> </a>
<a href="https://m.qinxuan.hihonor.com/" target="_blank" class="clear-style barcode-view"> <a href="https://m.qinxuan.hihonor.com/" target="_blank" class="clear-style barcode-view">
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/rongyao.png" width="200"/> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/rongyao.png" width="200"/>
<span style="margin-top:15px;">H5</span> <span style="margin-top:15px;">H5</span>
</a> </a>
<a href="https://appgallery1.huawei.com/#/app/C100382765" target="_blank" class="clear-style barcode-view"> <a href="https://appgallery1.huawei.com/#/app/C100382765" target="_blank" class="clear-style barcode-view">
...@@ -113,7 +113,7 @@ uni-app助力数百家单位快速上线**抗疫系统**，开源众多项目。 ...@@ -113,7 +113,7 @@ uni-app助力数百家单位快速上线**抗疫系统**，开源众多项目。
<b>星巴克：</b>全球最大的咖啡连锁店，世界领先的特种咖啡零售商 <b>星巴克：</b>全球最大的咖啡连锁店，世界领先的特种咖啡零售商
<div style="display:flex;justify-content: space-around;"> <div style="display:flex;justify-content: space-around;">
<a href="javascript:;" target="_self" class="clear-style barcode-view"> <a href="javascript:;" target="_self" class="clear-style barcode-view">
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/uni-case-xbk.jpg" width="200"/> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni-case-xbk.jpg" width="200"/>
<span style="margin-top:15px;">微信小程序</span> <span style="margin-top:15px;">微信小程序</span>
</a> </a>
</div> </div>
...@@ -133,7 +133,7 @@ uni-app助力数百家单位快速上线**抗疫系统**，开源众多项目。 ...@@ -133,7 +133,7 @@ uni-app助力数百家单位快速上线**抗疫系统**，开源众多项目。
<b>中国教育发布：</b>中华人民共和国教育部官方App。<a href="https://uniapp.dcloud.io/uniCloud/README">uniCloud云开发</a>案例。[详见报道](http://www.moe.gov.cn/jyb_xwfb/gzdt_gzdt/s5987/202009/t20200904_485105.html) <b>中国教育发布：</b>中华人民共和国教育部官方App。<a href="https://uniapp.dcloud.io/uniCloud/README">uniCloud云开发</a>案例。[详见报道](http://www.moe.gov.cn/jyb_xwfb/gzdt_gzdt/s5987/202009/t20200904_485105.html)
<div style="display:flex;justify-content: space-around;"> <div style="display:flex;justify-content: space-around;">
<a href="http://www.moe.gov.cn/jyb_xwfb/gzdt_gzdt/s5987/202009/t20200904_485105.html" target="_blank" class="clear-style barcode-view"> <a href="http://www.moe.gov.cn/jyb_xwfb/gzdt_gzdt/s5987/202009/t20200904_485105.html" target="_blank" class="clear-style barcode-view">
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/jiaoyubuapp.jpg" width="200"/> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/jiaoyubuapp.jpg" width="200"/>
<span style="margin-top:15px;">iOS、Android通用扫码地址</span> <span style="margin-top:15px;">iOS、Android通用扫码地址</span>
</a> </a>
</div> </div>
...@@ -141,7 +141,7 @@ uni-app助力数百家单位快速上线**抗疫系统**，开源众多项目。 ...@@ -141,7 +141,7 @@ uni-app助力数百家单位快速上线**抗疫系统**，开源众多项目。
<b>CSDN：</b> Appstore新闻类榜单前十。<a href="https://nativesupport.dcloud.net.cn/">uni小程序SDK</a>案例。App内部众多栏目做成小程序形式。 <b>CSDN：</b> Appstore新闻类榜单前十。<a href="https://nativesupport.dcloud.net.cn/">uni小程序SDK</a>案例。App内部众多栏目做成小程序形式。
<div style="display:flex;justify-content: space-around;"> <div style="display:flex;justify-content: space-around;">
<a href="https://www.csdn.net/apps/download" target="_blank" class="clear-style barcode-view"> <a href="https://www.csdn.net/apps/download" target="_blank" class="clear-style barcode-view">
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/csdnappdown.jpg" width="200"/> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/csdnappdown.jpg" width="200"/>
<span style="margin-top:15px;">App码</span> <span style="margin-top:15px;">App码</span>
</a> </a>
</div> </div>
...@@ -187,7 +187,7 @@ uni-app助力数百家单位快速上线**抗疫系统**，开源众多项目。 ...@@ -187,7 +187,7 @@ uni-app助力数百家单位快速上线**抗疫系统**，开源众多项目。
<span style="margin-top:15px;">Web及H5码</span> <span style="margin-top:15px;">Web及H5码</span>
</a> </a>
<a href="javascript:;" target="_self" class="clear-style barcode-view"> <a href="javascript:;" target="_self" class="clear-style barcode-view">
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/miniapp-dengdengduolinguo.png" width="200"/> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/miniapp-dengdengduolinguo.png" width="200"/>
<span style="margin-top:15px;">微信小程序码</span> <span style="margin-top:15px;">微信小程序码</span>
</a> </a>
</div> --> </div> -->
...@@ -195,15 +195,15 @@ uni-app助力数百家单位快速上线**抗疫系统**，开源众多项目。 ...@@ -195,15 +195,15 @@ uni-app助力数百家单位快速上线**抗疫系统**，开源众多项目。
<a href="http://ext.dcloud.net.cn/plugin?id=239" target="_blank" class="clear-style"><b>ColorUI：</b></a>ColorUI官方组件库for uni-app，高颜值示例。本项目插件市场地址：[https://ext.dcloud.net.cn/plugin?id=239](https://ext.dcloud.net.cn/plugin?id=239) <a href="http://ext.dcloud.net.cn/plugin?id=239" target="_blank" class="clear-style"><b>ColorUI：</b></a>ColorUI官方组件库for uni-app，高颜值示例。本项目插件市场地址：[https://ext.dcloud.net.cn/plugin?id=239](https://ext.dcloud.net.cn/plugin?id=239)
<div style="display:flex;justify-content: space-around;"> <div style="display:flex;justify-content: space-around;">
<a href="http://demo.color-ui.com" target="_blank" class="clear-style barcode-view"> <a href="http://demo.color-ui.com" target="_blank" class="clear-style barcode-view">
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/color-ui-H5.jpg" width="200"/> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/color-ui-H5.jpg" width="200"/>
<span style="margin-top:15px;">H5码</span> <span style="margin-top:15px;">H5码</span>
</a> </a>
<a href="http://ext.dcloud.net.cn/plugin?id=239" target="_blank" class="clear-style barcode-view"> <a href="http://ext.dcloud.net.cn/plugin?id=239" target="_blank" class="clear-style barcode-view">
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/color-ui-weapp.jpg" width="200"/> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/color-ui-weapp.jpg" width="200"/>
<span style="margin-top:15px;">微信小程序码</span> <span style="margin-top:15px;">微信小程序码</span>
</a> </a>
<a href="http://ext.dcloud.net.cn/plugin?id=239" target="_blank" class="clear-style barcode-view"> <a href="http://ext.dcloud.net.cn/plugin?id=239" target="_blank" class="clear-style barcode-view">
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/color-ui-alipay.jpg" width="200"/> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/color-ui-alipay.jpg" width="200"/>
<span style="margin-top:15px;">支付宝小程序码</span> <span style="margin-top:15px;">支付宝小程序码</span>
</a> </a>
</div> </div>
...@@ -215,19 +215,19 @@ uni-app助力数百家单位快速上线**抗疫系统**，开源众多项目。 ...@@ -215,19 +215,19 @@ uni-app助力数百家单位快速上线**抗疫系统**，开源众多项目。
<span style="margin-top:15px;">App码</span> <span style="margin-top:15px;">App码</span>
</a>--> </a>-->
<a href="https://www.cyb520.com/" target="_blank" class="clear-style barcode-view"> <a href="https://www.cyb520.com/" target="_blank" class="clear-style barcode-view">
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/cyb-wx.jpg" width="200"/> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/cyb-wx.jpg" width="200"/>
<span style="margin-top:15px;">微信小程序码</span> <span style="margin-top:15px;">微信小程序码</span>
</a> </a>
<a href="https://www.cyb520.com/" target="_blank" class="clear-style barcode-view"> <a href="https://www.cyb520.com/" target="_blank" class="clear-style barcode-view">
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/cyb-baidu.png" width="200"/> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/cyb-baidu.png" width="200"/>
<span style="margin-top:15px;">百度小程序码</span> <span style="margin-top:15px;">百度小程序码</span>
</a> </a>
<a href="https://www.cyb520.com/" target="_blank" class="clear-style barcode-view"> <a href="https://www.cyb520.com/" target="_blank" class="clear-style barcode-view">
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/cyb-qq.jpg" width="200"/> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/cyb-qq.jpg" width="200"/>
<span style="margin-top:15px;">QQ小程序码</span> <span style="margin-top:15px;">QQ小程序码</span>
</a> </a>
<a href="https://www.cyb520.com/" target="_blank" class="clear-style barcode-view"> <a href="https://www.cyb520.com/" target="_blank" class="clear-style barcode-view">
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/cyb-toutiao.png" width="200"/> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/cyb-toutiao.png" width="200"/>
<span style="margin-top:15px;">头条/抖音小程序码</span> <span style="margin-top:15px;">头条/抖音小程序码</span>
</a> </a>
</div> </div>
...@@ -316,7 +316,7 @@ uni-app助力数百家单位快速上线**抗疫系统**，开源众多项目。 ...@@ -316,7 +316,7 @@ uni-app助力数百家单位快速上线**抗疫系统**，开源众多项目。
<strong>vivo会员官方小程序：</strong> 微信小程序搜索 "vivo会员"，<span class="scan-code-text">或鼠标移此查看[微信小程序码]</span> <strong>vivo会员官方小程序：</strong> 微信小程序搜索 "vivo会员"，<span class="scan-code-text">或鼠标移此查看[微信小程序码]</span>
<div class="scan-code-hover"> <div class="scan-code-hover">
<div class="scan-code-hover-box"> <div class="scan-code-hover-box">
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/vivovip.jpg" alt="二维码获取失败" /> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/vivovip.jpg" alt="二维码获取失败" />
</div> </div>
</div> </div>
</div> </div>
...@@ -697,7 +697,7 @@ uni-app助力数百家单位快速上线**抗疫系统**，开源众多项目。 ...@@ -697,7 +697,7 @@ uni-app助力数百家单位快速上线**抗疫系统**，开源众多项目。
<strong>昆铁+：</strong> 中国铁路昆明局为乘客提供的应用。[App下载页](https://media.kunming-railway.cn/)、微信小程序搜索“昆铁+” <strong>昆铁+：</strong> 中国铁路昆明局为乘客提供的应用。[App下载页](https://media.kunming-railway.cn/)、微信小程序搜索“昆铁+”
<div class="scan-code-hover"> <div class="scan-code-hover">
<div class="scan-code-hover-box"> <div class="scan-code-hover-box">
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/wxkt.jpg" alt="二维码获取失败" /> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/wxkt.jpg" alt="二维码获取失败" />
</div> </div>
</div> </div>
</div> </div>
...@@ -872,7 +872,7 @@ uni-app助力数百家单位快速上线**抗疫系统**，开源众多项目。 ...@@ -872,7 +872,7 @@ uni-app助力数百家单位快速上线**抗疫系统**，开源众多项目。
**超英预告：** 超级英雄预告，腾讯课堂Next学院的uni-app课程示例，[H5](http://www.imovietrailer.com)、微信小程序搜索“NEXT超英预告”。 **超英预告：** 超级英雄预告，腾讯课堂Next学院的uni-app课程示例，[H5](http://www.imovietrailer.com)、微信小程序搜索“NEXT超英预告”。
**垃圾分类帮帮团：** [微信小程序码地址](https://web-assets.dcloud.net.cn/unidoc/zh/ljfl.png) **垃圾分类帮帮团：** [微信小程序码地址](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/ljfl.png)
**FUNSOLE：** Funsole疯收是一个专业的球鞋交易平台。[App和小程序通用链接](https://m3w.cn/funsole) **FUNSOLE：** Funsole疯收是一个专业的球鞋交易平台。[App和小程序通用链接](https://m3w.cn/funsole)
...@@ -907,7 +907,7 @@ uni-app助力数百家单位快速上线**抗疫系统**，开源众多项目。 ...@@ -907,7 +907,7 @@ uni-app助力数百家单位快速上线**抗疫系统**，开源众多项目。
### 更多小程序案例（可在微信小程序中搜索）@wx-more ### 更多小程序案例（可在微信小程序中搜索）@wx-more
<div> <div>
<link rel="stylesheet" type="text/css" href="https://web-assets.dcloud.net.cn/unidoc/zh/case.css"/> <link rel="stylesheet" type="text/css" href="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/case.css"/>
<ul class="wx-icon-group"> <ul class="wx-icon-group">
<li class="wx-icon-item"><span class="wx-icon wx-icon0"></span><span>BAT全书</span></li> <li class="wx-icon-item"><span class="wx-icon wx-icon0"></span><span>BAT全书</span></li>
<li class="wx-icon-item"><span class="wx-icon wx-icon1"></span><span>逗图圈</span></li> <li class="wx-icon-item"><span class="wx-icon wx-icon1"></span><span>逗图圈</span></li>
......
docs/collocation/pages.md
浏览文件 @ 6a735acf
...@@ -1098,7 +1098,7 @@ midButton没有pagePath，需监听点击事件，自行处理点击后的行为 ...@@ -1098,7 +1098,7 @@ midButton没有pagePath，需监听点击事件，自行处理点击后的行为
**注意：** 在 App 里真机运行可直接打开配置的页面，微信开发者工具里需要手动改变编译模式，如下图： **注意：** 在 App 里真机运行可直接打开配置的页面，微信开发者工具里需要手动改变编译模式，如下图：
<div style="text-align:center;"> <div style="text-align:center;">
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/condition.png" /> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/condition.png" />
</div> </div>
**代码示例：** **代码示例：**
......
docs/component/ad-content-page.md
浏览文件 @ 6a735acf
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
⼀个视频内容频道，支持上下滑动切换视频内容 ⼀个视频内容频道，支持上下滑动切换视频内容
![](https://web-assets.dcloud.net.cn/unidoc/zh/ad-content-page.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/ad-content-page.png)
**平台差异说明** **平台差异说明**
......
docs/component/ad-draw.md
浏览文件 @ 6a735acf
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
类抖音的竖版视频流，来电秀、直播间等全屏观看的视频。 类抖音的竖版视频流，来电秀、直播间等全屏观看的视频。
![](https://web-assets.dcloud.net.cn/unidoc/zh/ad-draw.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/ad-draw.png)
- app端的广告源由腾讯广点通、头条穿山甲、快手广告联盟以及部分DCloud直投广告聚合提供，在DCloud的uni-ad后台注册：[https://uniad.dcloud.net.cn/](https://uniad.dcloud.net.cn/) - app端的广告源由腾讯广点通、头条穿山甲、快手广告联盟以及部分DCloud直投广告聚合提供，在DCloud的uni-ad后台注册：[https://uniad.dcloud.net.cn/](https://uniad.dcloud.net.cn/)
......
docs/component/ad-interstitial.md
浏览文件 @ 6a735acf
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
插屏广告组件是由客户端原生的图片、文本、视频控件组成的；插屏广告与信息流或横幅广告相比展现尺寸更大，同样能够满足您对大量曝光和用户转化的需求。 插屏广告组件是由客户端原生的图片、文本、视频控件组成的；插屏广告与信息流或横幅广告相比展现尺寸更大，同样能够满足您对大量曝光和用户转化的需求。
![](https://web-assets.dcloud.net.cn/unidoc/zh/interstitial-ad.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/interstitial-ad.png)
**平台差异说明** **平台差异说明**
......
docs/component/ad-rewarded-video.md
浏览文件 @ 6a735acf
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
手机用户观看几十秒视频广告，在广告播放完毕后可获得应用开发商提供的奖励，而应用开发商则可以从广告平台获取不菲的广告收入。 手机用户观看几十秒视频广告，在广告播放完毕后可获得应用开发商提供的奖励，而应用开发商则可以从广告平台获取不菲的广告收入。
<video controls src="https://web-assets.dcloud.net.cn/unidoc/zh/uni-ad/ad-rewarded-video.x264.mp4" style="max-width: 100%; max-height: 50vh;"></video> <video controls src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni-ad/ad-rewarded-video.x264.mp4" style="max-width: 100%; max-height: 50vh;"></video>
与开屏、信息流等广告变现方式不同，激励视频需设计激励场景，给用户发放激励。 与开屏、信息流等广告变现方式不同，激励视频需设计激励场景，给用户发放激励。
......
docs/component/ad-video.md
浏览文件 @ 6a735acf
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
开发者可以使用 ad 组件创建视频广告，ad 广告组件在创建后会自动拉取广告数据并显示。 开发者可以使用 ad 组件创建视频广告，ad 广告组件在创建后会自动拉取广告数据并显示。
<video controls src="https://web-assets.dcloud.net.cn/unidoc/zh/ad-video.mp4" style="max-width: 100%;"></video> <video controls src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/ad-video.mp4" style="max-width: 100%;"></video>
**平台差异说明** **平台差异说明**
......
docs/component/ad-weixin.md
浏览文件 @ 6a735acf
...@@ -27,7 +27,7 @@ uni-ad可以一套代码全端变现，包括app、web、微信小程序；wx广 ...@@ -27,7 +27,7 @@ uni-ad可以一套代码全端变现，包括app、web、微信小程序；wx广
相比微信自带流量主广告，uni-ad开发者可以申请相对更短的结算周期和垫资服务。具体扫码加企业微信咨询。 相比微信自带流量主广告，uni-ad开发者可以申请相对更短的结算周期和垫资服务。具体扫码加企业微信咨询。
![](https://web-assets.dcloud.net.cn/unidoc/zh/eryunweixin.jpg) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/eryunweixin.jpg)
5. 安全防护 5. 安全防护
......
docs/component/ad.md
浏览文件 @ 6a735acf
...@@ -8,7 +8,7 @@ ...@@ -8,7 +8,7 @@
Banner或信息流广告展现场景非常灵活，常见的展现场景为：文章顶部，详情页面顶部，第一屏中部等。建议信息流广告不要放置在底部 Banner或信息流广告展现场景非常灵活，常见的展现场景为：文章顶部，详情页面顶部，第一屏中部等。建议信息流广告不要放置在底部
![](https://web-assets.dcloud.net.cn/unidoc/zh/ad-feed.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/ad-feed.png)
- App端的广告源由腾讯优量汇、头条穿山甲、快手广告联盟等主流广告渠道以及部分DCloud直投广告组成，在DCloud的uni-ad后台注册：[https://uniad.dcloud.net.cn/](https://uniad.dcloud.net.cn/) - App端的广告源由腾讯优量汇、头条穿山甲、快手广告联盟等主流广告渠道以及部分DCloud直投广告组成，在DCloud的uni-ad后台注册：[https://uniad.dcloud.net.cn/](https://uniad.dcloud.net.cn/)
......
docs/component/audio.md
浏览文件 @ 6a735acf
...@@ -59,7 +59,7 @@ export default { ...@@ -59,7 +59,7 @@ export default {
data() { data() {
return { return {
current: { current: {
poster: 'https://web-assets.dcloud.net.cn/unidoc/zh/music-a.png', poster: 'https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/music-a.png',
name: '致爱丽丝', name: '致爱丽丝',
author: '暂无', author: '暂无',
src: 'https://bjetxgzv.cdn.bspapp.com/VKCEYUGU-hello-uniapp/2cc220e0-c27a-11ea-9dfb-6da8e309e0d8.mp3', src: 'https://bjetxgzv.cdn.bspapp.com/VKCEYUGU-hello-uniapp/2cc220e0-c27a-11ea-9dfb-6da8e309e0d8.mp3',
...@@ -72,4 +72,4 @@ export default { ...@@ -72,4 +72,4 @@ export default {
} }
``` ```
![uniapp](https://web-assets.dcloud.net.cn/unidoc/zh/audio.png) ![uniapp](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/audio.png)
docs/component/custom-tab-bar.md
浏览文件 @ 6a735acf
...@@ -56,8 +56,8 @@ __仅 H5 支持__，HBuilderX 2.9.9 + 。 ...@@ -56,8 +56,8 @@ __仅 H5 支持__，HBuilderX 2.9.9 + 。
custom-tab-bar 水平布局（horizontal）： custom-tab-bar 水平布局（horizontal）：
![uniapp](https://web-assets.dcloud.net.cn/unidoc/zh/custom-tab-bar.png) ![uniapp](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/custom-tab-bar.png)
custom-tab-bar 竖直布局（vertical）： custom-tab-bar 竖直布局（vertical）：
![uniapp](https://web-assets.dcloud.net.cn/unidoc/zh/vertical.png) ![uniapp](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/vertical.png)
docs/component/icon.md
浏览文件 @ 6a735acf
...@@ -61,6 +61,6 @@ export default { ...@@ -61,6 +61,6 @@ export default {
**效果展示** **效果展示**
<div style="display:flex;align-items: flex-start;justify-content: center;flex-wrap: wrap;"> <div style="display:flex;align-items: flex-start;justify-content: center;flex-wrap: wrap;">
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/icon1.png" width="375" style="margin-right:20px;"/> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/icon1.png" width="375" style="margin-right:20px;"/>
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/icon2.png" width="375"/> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/icon2.png" width="375"/>
</div> </div>
docs/component/image.md
浏览文件 @ 6a735acf
...@@ -111,7 +111,7 @@ export default { ...@@ -111,7 +111,7 @@ export default {
mode: 'bottom right', mode: 'bottom right',
text: 'bottom right：不缩放图片，只显示图片的右下边区域' text: 'bottom right：不缩放图片，只显示图片的右下边区域'
}], }],
src: 'https://web-assets.dcloud.net.cn/unidoc/zh/shuijiao.jpg' src: 'https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/shuijiao.jpg'
} }
}, },
methods: { methods: {
...@@ -127,52 +127,52 @@ export default { ...@@ -127,52 +127,52 @@ export default {
原图 原图
![uniapp](https://web-assets.dcloud.net.cn/unidoc/zh/shuijiao.jpg) ![uniapp](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/shuijiao.jpg)
scaleToFill：不保持纵横比缩放图片，使图片完全适应 scaleToFill：不保持纵横比缩放图片，使图片完全适应
![uniapp](https://web-assets.dcloud.net.cn/unidoc/zh/cat-1.png) ![uniapp](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/cat-1.png)
aspectFit：保持纵横比缩放图片，使图片的长边能完全显示出来 aspectFit：保持纵横比缩放图片，使图片的长边能完全显示出来
![uniapp](https://web-assets.dcloud.net.cn/unidoc/zh/cat-2.png) ![uniapp](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/cat-2.png)
aspectFill：保持纵横比缩放图片，只保证图片的短边能完全显示出来 aspectFill：保持纵横比缩放图片，只保证图片的短边能完全显示出来
![uniapp](https://web-assets.dcloud.net.cn/unidoc/zh/cat-3.png) ![uniapp](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/cat-3.png)
top：不缩放图片，只显示图片的顶部区域 top：不缩放图片，只显示图片的顶部区域
![uniapp](https://web-assets.dcloud.net.cn/unidoc/zh/cat-4.png) ![uniapp](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/cat-4.png)
bottom：不缩放图片，只显示图片的底部区域 bottom：不缩放图片，只显示图片的底部区域
![uniapp](https://web-assets.dcloud.net.cn/unidoc/zh/cat-5.png) ![uniapp](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/cat-5.png)
center：不缩放图片，只显示图片的中间区域 center：不缩放图片，只显示图片的中间区域
![uniapp](https://web-assets.dcloud.net.cn/unidoc/zh/cat-6.png) ![uniapp](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/cat-6.png)
left：不缩放图片，只显示图片的左边区域 left：不缩放图片，只显示图片的左边区域
![uniapp](https://web-assets.dcloud.net.cn/unidoc/zh/cat-7.png) ![uniapp](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/cat-7.png)
right：不缩放图片，只显示图片的右边边区域 right：不缩放图片，只显示图片的右边边区域
![uniapp](https://web-assets.dcloud.net.cn/unidoc/zh/cat-8.png) ![uniapp](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/cat-8.png)
top left：不缩放图片，只显示图片的左上边区域 top left：不缩放图片，只显示图片的左上边区域
![uniapp](https://web-assets.dcloud.net.cn/unidoc/zh/cat-9.png) ![uniapp](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/cat-9.png)
top right：不缩放图片，只显示图片的右上边区域 top right：不缩放图片，只显示图片的右上边区域
![uniapp](https://web-assets.dcloud.net.cn/unidoc/zh/cat-10.png) ![uniapp](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/cat-10.png)
bottom left：不缩放图片，只显示图片的左下边区域 bottom left：不缩放图片，只显示图片的左下边区域
![uniapp](https://web-assets.dcloud.net.cn/unidoc/zh/cat-11.png) ![uniapp](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/cat-11.png)
bottom right：不缩放图片，只显示图片的右下边区域 bottom right：不缩放图片，只显示图片的右下边区域
![uniapp](https://web-assets.dcloud.net.cn/unidoc/zh/cat-12.png) ![uniapp](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/cat-12.png)
docs/component/list.md
浏览文件 @ 6a735acf
...@@ -60,7 +60,7 @@ app端nvue专用组件。在app-nvue下，如果是长列表，使用list组件 ...@@ -60,7 +60,7 @@ app端nvue专用组件。在app-nvue下，如果是长列表，使用list组件
`loadmoreoffset` 示意图： `loadmoreoffset` 示意图：
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/app-nvue-component-list.png" /> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/app-nvue-component-list.png" />
#### setSpecialEffects(object) #### setSpecialEffects(object)
设置嵌套list父容器支持swiper-list吸顶滚动效果 设置嵌套list父容器支持swiper-list吸顶滚动效果
......
docs/component/rich-text.md
浏览文件 @ 6a735acf
...@@ -132,7 +132,7 @@ export default { ...@@ -132,7 +132,7 @@ export default {
text: 'Hello&nbsp;uni-app!' text: 'Hello&nbsp;uni-app!'
}] }]
}], }],
strings: '<div style="text-align:center;"><img src="https://web-assets.dcloud.net.cn/unidoc/zh/uni@2x.png"/></div>' strings: '<div style="text-align:center;"><img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni@2x.png"/></div>'
} }
} }
} }
......
docs/component/uni-ad-unimp.md
浏览文件 @ 6a735acf
...@@ -8,6 +8,6 @@ ...@@ -8,6 +8,6 @@
利用 uni-ad 多层调度策略动态调整渠道，在设备无广告时自动调整为其他广告渠道以增加广告填充率 利用 uni-ad 多层调度策略动态调整渠道，在设备无广告时自动调整为其他广告渠道以增加广告填充率
<video controls src="https://web-assets.dcloud.net.cn/unidoc/zh/uni-ad/ad-unimp.x264.mp4" style="max-width: 100%; max-height: 50vh;"></video> <video controls src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni-ad/ad-unimp.x264.mp4" style="max-width: 100%; max-height: 50vh;"></video>
文档已迁移至 [uniMP激励视频广告](https://uniapp.dcloud.net.cn/uni-ad/unimp.html) 文档已迁移至 [uniMP激励视频广告](https://uniapp.dcloud.net.cn/uni-ad/unimp.html)
docs/component/uniui/resource.md
浏览文件 @ 6a735acf
...@@ -6,6 +6,6 @@ Axure资源正在整理和完善中。 ...@@ -6,6 +6,6 @@ Axure资源正在整理和完善中。
<div style="width:260px;border:1px #eee solid; padding:15px;border-radius:5px;text-align: center;"> <div style="width:260px;border:1px #eee solid; padding:15px;border-radius:5px;text-align: center;">
<img style="width:120px;height:120px;margin:30px auto;" src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9Ijg4cHgiIGhlaWdodD0iNzdweCIgdmlld0JveD0iMCAwIDg4IDc3IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCAzOS4xICgzMTcyMCkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+U2tldGNoIFRlbXBsYXRlX2ljb248L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iU2tldGNoLVRlbXBsYXRlX2ljb24iPgogICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMjUiPgogICAgICAgICAgICAgICAgPGcgaWQ9ImJyb3dzZXIiPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wNDI3MzUsIDYuNzcyMjY5KSIgZmlsbD0iI0M5RTFGQiIgb3BhY2l0eT0iMC4yMzg4MDU5NyI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0zLjIwMDg4NDc2LDI4LjUwNTczMzcgTDQ0LjE3MDEzOTEsMjguNTA1NzMzNyBDNDUuOTEwNTI2NSwyOC41MDU3MzM3IDQ3LjMyMTc1NzUsMjcuMTAyNjMxMiA0Ny4zMjE3NTc1LDI1LjM3MjI2ODIgTDQ3LjMyMTc1NzUsMC4zMDU2MDg3MjUgQzQ3LjMyMTc1NzUsMi4wMzU5NzE3MiA0NS45MTA1MjY1LDMuNDM5MDc0MjYgNDQuMTcwMTM5MSwzLjQzOTA3NDI2IEwzLjIwMDg4NDc2LDMuNDM5MDc0MjYgQzEuNDYwNDk3MzksMy40MzkwNzQyNiAwLjA0OTI2NjM1MDMsMi4wMzU5NzE3MiAwLjA0OTI2NjM1MDMsMC4zMDU2MDg3MjUgTDAuMDQ5MjY2MzUwMywyNS4zNzIyNjgyIEMwLjA0OTI2NjM1MDMsMjcuMTAyOTg2MSAxLjQ2MDE0MDM4LDI4LjUwNTczMzcgMy4yMDA4ODQ3NiwyOC41MDU3MzM3IEwzLjIwMDg4NDc2LDI4LjUwNTczMzcgWiIgaWQ9IlNoYXBlIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik01OS45MjcxNjAxLDI4LjUwNTczMzcgTDc4LjgzNjE1NjYsMjguNTA1NzMzNyBDODAuNTc2NTQ0LDI4LjUwNTczMzcgODEuOTg3Nzc1LDI3LjEwMjYzMTIgODEuOTg3Nzc1LDI1LjM3MjI2ODIgTDgxLjk4Nzc3NSwwLjMwNTYwODcyNSBDODEuOTg3Nzc1LDIuMDM1OTcxNzIgODAuNTc2NTQ0LDMuNDM5MDc0MjYgNzguODM2MTU2NiwzLjQzOTA3NDI2IEw1OS45MjcxNjAxLDMuNDM5MDc0MjYgQzU4LjE4Njc3MjgsMy40MzkwNzQyNiA1Ni43NzU1NDE3LDIuMDM1OTcxNzIgNTYuNzc1NTQxNywwLjMwNTYwODcyNSBMNTYuNzc1NTQxNywyNS4zNzIyNjgyIEM1Ni43NzU1NDE3LDI3LjEwMjk4NjEgNTguMTg2NzcyOCwyOC41MDU3MzM3IDU5LjkyNzE2MDEsMjguNTA1NzMzNyBMNTkuOTI3MTYwMSwyOC41MDU3MzM3IFoiIGlkPSJTaGFwZSI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMy4yNDM2MTkyOSwxMC4yMTE2OTg2IEw0NC4yMTI4NzM2LDEwLjIxMTY5ODYgQzQ1Ljk1MzI2MSwxMC4yMTE2OTg2IDQ3LjM2NDQ5Miw4LjgwODU5NjAzIDQ3LjM2NDQ5Miw3LjA3ODIzMzA0IEw0Ny4zNjQ0OTIsMy45NDQ3Njc1MSBDNDcuMzY0NDkyLDIuMjE0NDA0NTEgNDUuOTUzMjYxLDAuODExMzAxOTY5IDQ0LjIxMjg3MzYsMC44MTEzMDE5NjkgTDMuMjQzNjE5MjksMC44MTEzMDE5NjkgQzEuNTAzMjMxOTEsMC44MTEzMDE5NjkgMC4wOTIwMDA4NzY0LDIuMjE0NDA0NTEgMC4wOTIwMDA4NzY0LDMuOTQ0NzY3NTEgTDAuMDkyMDAwODc2NCw3LjA3ODIzMzA0IEMwLjA5MjAwMDg3NjQsOC44MDg1OTYwMyAxLjUwMjg3NDkxLDEwLjIxMTY5ODYgMy4yNDM2MTkyOSwxMC4yMTE2OTg2IEwzLjI0MzYxOTI5LDEwLjIxMTY5ODYgWiIgaWQ9IlNoYXBlIiBmaWxsPSIjRkZENkQyIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTU5Ljk2OTg5NDcsMTAuMjExNjk4NiBMNzguODc4ODkxMSwxMC4yMTE2OTg2IEM4MC42MTkyNzg1LDEwLjIxMTY5ODYgODIuMDMwNTA5Niw4LjgwODU5NjAzIDgyLjAzMDUwOTYsNy4wNzgyMzMwNCBMODIuMDMwNTA5NiwzLjk0NDc2NzUxIEM4Mi4wMzA1MDk2LDIuMjE0NDA0NTEgODAuNjE5Mjc4NSwwLjgxMTMwMTk2OSA3OC44Nzg4OTExLDAuODExMzAxOTY5IEw1OS45Njk4OTQ3LDAuODExMzAxOTY5IEM1OC4yMjk1MDczLDAuODExMzAxOTY5IDU2LjgxODI3NjMsMi4yMTQ0MDQ1MSA1Ni44MTgyNzYzLDMuOTQ0NzY3NTEgTDU2LjgxODI3NjMsNy4wNzgyMzMwNCBDNTYuODE4Mjc2Myw4LjgwODU5NjAzIDU4LjIyOTUwNzMsMTAuMjExNjk4NiA1OS45Njk4OTQ3LDEwLjIxMTY5ODYgTDU5Ljk2OTg5NDcsMTAuMjExNjk4NiBaIiBpZD0iU2hhcGUiIGZpbGw9IiMyMEEwRkYiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYuMTExNzc4LCA0NC4zOTY1NzIpIiBmaWxsPSIjQzlFMUZCIiBvcGFjaXR5PSIwLjIzODgwNTk3Ij4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTMuNjM5NDk2NTksMjguNDgxNTk3NCBDMy42Mzk0OTY1OSwzMC4yMTE5NjA0IDIuMTM2NTcxMzcsMzEuNjE1MDYyOSAwLjI4MzEwMzAxMywzMS42MTUwNjI5IEw2Mi41NjY3MDg4LDMxLjYxNTA2MjkgQzY0LjQyMDE3NzIsMzEuNjE1MDYyOSA2NS45MjMxMDI0LDMwLjIxMTk2MDQgNjUuOTIzMTAyNCwyOC40ODE1OTc0IEw2NS45MjMxMDI0LDMuNDE0OTM3OTIgQzY1LjkyMzEwMjQsMS42ODQ1NzQ5MiA2NC40MjAxNzcyLDAuMjgxNDcyMzggNjIuNTY2NzA4OCwwLjI4MTQ3MjM4IEwwLjI4MzEwMzAxMywwLjI4MTQ3MjM4IEMyLjEzNjU3MTM3LDAuMjgxNDcyMzggMy42Mzk0OTY1OSwxLjY4NDU3NDkyIDMuNjM5NDk2NTksMy40MTQ5Mzc5MiBMMy42Mzk0OTY1OSwyOC40ODE1OTc0IFoiIGlkPSJTaGFwZSI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMy4yNDM2MTkyOSw3Ni4wMTEyODAzIEw2LjM5NTIzNzcsNzYuMDExMjgwMyBDOC4xMzU2MjUwOCw3Ni4wMTEyODAzIDkuNTQ2ODU2MTEsNzQuNjA4MTc3OCA5LjU0Njg1NjExLDcyLjg3NzgxNDggTDkuNTQ2ODU2MTEsNDcuODExMTU1MyBDOS41NDY4NTYxMSw0Ni4yNjUwMjEgOC40MjAxMzA2Niw0NC45ODAxNzEyIDYuOTM4NjI2MjgsNDQuNzI0MTA1OSBDNi43NjIwOTg1MSw0NC42OTM1OTQ2IDYuNTgwNTMzNjgsNDQuNjc3Njg5OCA2LjM5NTIzNzcsNDQuNjc3Njg5OCBMMy4yNDM2MTkyOSw0NC42Nzc2ODk4IEMxLjUwMzIzMTkxLDQ0LjY3NzY4OTggMC4wOTIwMDA4NzY0LDQ2LjA4MDc5MjMgMC4wOTIwMDA4NzY0LDQ3LjgxMTE1NTMgTDAuMDkyMDAwODc2NCw3Mi44Nzc4MTQ4IEMwLjA5MjAwMDg3NjQsNzQuNjA4MTc3OCAxLjUwMjg3NDkxLDc2LjAxMTI4MDMgMy4yNDM2MTkyOSw3Ni4wMTEyODAzIEwzLjI0MzYxOTI5LDc2LjAxMTI4MDMgWiIgaWQ9IlNoYXBlIiBmaWxsPSIjMjBBMEZGIj48L3BhdGg+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8ZyBpZD0iZGlhbW9uZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTMuMDAwMDAwLCA0NS4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iU2hhcGUiIGZpbGw9IiNBRkM4RUIiIHBvaW50cz0iMjQuMTc1MzI2NCA4Ljg2MDY5Nzk1IDE3LjE4NTE4NTIgMjguODM1NzAyNSAzNC4zNzAzNzA0IDguODYwNjk3OTUiPjwvcG9seWdvbj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAiPgogICAgICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iU2hhcGUiIGZpbGw9IiM4MEE4RTEiIHBvaW50cz0iNy4xMTExMDg4IDAuMDQ4MTg0MTc5NyAwIDguODYwNjk3OTUgMTAuMTk1MDQ0IDguODYwNjk3OTUiPjwvcG9seWdvbj4KICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlNoYXBlIiBmaWxsPSIjODBBOEUxIiBwb2ludHM9IjI0LjE3NTMyNjQgOC44NjA2OTc5NSAzNC4zNzAzNzA0IDguODYwNjk3OTUgMjcuMjU5MjYxNiAwLjA0ODE4NDE3OTciPjwvcG9seWdvbj4KICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlNoYXBlIiBmaWxsPSIjQUZDOEVBIiBwb2ludHM9IjI0LjE3NTMyNjQgOC44NjA2OTc5NSAxNy4xODUxODUyIDAuMDQ4MTg0MTc5NyAxMC4xOTUwNDQgOC44NjA2OTc5NSI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iU2hhcGUiIGZpbGw9IiM2NDk2REMiIHBvaW50cz0iMTcuMTg1MTg1MiAwLjA0ODE4NDE3OTcgNy4xMTExMDg4IDAuMDQ4MTg0MTc5NyAxMC4xOTUwNDQgOC44NjA2OTc5NSI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJTaGFwZSIgZmlsbD0iIzkzQjhFRSIgcG9pbnRzPSIyNy4yNTkyNjE2IDAuMDQ4MTg0MTc5NyAxNy4xODUxODUyIDAuMDQ4MTg0MTc5NyAyNC4xNzUzMjY0IDguODYwNjk3OTUiPjwvcG9seWdvbj4KICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iU2hhcGUiIGZpbGw9IiM4MEE4RTEiIHBvaW50cz0iMTAuMTk1MDQ0IDguODYwNjk3OTUgMTcuMTg1MTg1MiAyOC44MzU3MDI1IDI0LjE3NTMyNjQgOC44NjA2OTc5NSI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJTaGFwZSIgZmlsbD0iIzY0OTZEQyIgcG9pbnRzPSIwIDguODYwNjk3OTUgMTcuMTg1MTg1MiAyOC44MzU3MDI1IDEwLjE5NTA0NCA4Ljg2MDY5Nzk1Ij48L3BvbHlnb24+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg=="> <img style="width:120px;height:120px;margin:30px auto;" src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9Ijg4cHgiIGhlaWdodD0iNzdweCIgdmlld0JveD0iMCAwIDg4IDc3IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCAzOS4xICgzMTcyMCkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+U2tldGNoIFRlbXBsYXRlX2ljb248L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iU2tldGNoLVRlbXBsYXRlX2ljb24iPgogICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMjUiPgogICAgICAgICAgICAgICAgPGcgaWQ9ImJyb3dzZXIiPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wNDI3MzUsIDYuNzcyMjY5KSIgZmlsbD0iI0M5RTFGQiIgb3BhY2l0eT0iMC4yMzg4MDU5NyI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0zLjIwMDg4NDc2LDI4LjUwNTczMzcgTDQ0LjE3MDEzOTEsMjguNTA1NzMzNyBDNDUuOTEwNTI2NSwyOC41MDU3MzM3IDQ3LjMyMTc1NzUsMjcuMTAyNjMxMiA0Ny4zMjE3NTc1LDI1LjM3MjI2ODIgTDQ3LjMyMTc1NzUsMC4zMDU2MDg3MjUgQzQ3LjMyMTc1NzUsMi4wMzU5NzE3MiA0NS45MTA1MjY1LDMuNDM5MDc0MjYgNDQuMTcwMTM5MSwzLjQzOTA3NDI2IEwzLjIwMDg4NDc2LDMuNDM5MDc0MjYgQzEuNDYwNDk3MzksMy40MzkwNzQyNiAwLjA0OTI2NjM1MDMsMi4wMzU5NzE3MiAwLjA0OTI2NjM1MDMsMC4zMDU2MDg3MjUgTDAuMDQ5MjY2MzUwMywyNS4zNzIyNjgyIEMwLjA0OTI2NjM1MDMsMjcuMTAyOTg2MSAxLjQ2MDE0MDM4LDI4LjUwNTczMzcgMy4yMDA4ODQ3NiwyOC41MDU3MzM3IEwzLjIwMDg4NDc2LDI4LjUwNTczMzcgWiIgaWQ9IlNoYXBlIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik01OS45MjcxNjAxLDI4LjUwNTczMzcgTDc4LjgzNjE1NjYsMjguNTA1NzMzNyBDODAuNTc2NTQ0LDI4LjUwNTczMzcgODEuOTg3Nzc1LDI3LjEwMjYzMTIgODEuOTg3Nzc1LDI1LjM3MjI2ODIgTDgxLjk4Nzc3NSwwLjMwNTYwODcyNSBDODEuOTg3Nzc1LDIuMDM1OTcxNzIgODAuNTc2NTQ0LDMuNDM5MDc0MjYgNzguODM2MTU2NiwzLjQzOTA3NDI2IEw1OS45MjcxNjAxLDMuNDM5MDc0MjYgQzU4LjE4Njc3MjgsMy40MzkwNzQyNiA1Ni43NzU1NDE3LDIuMDM1OTcxNzIgNTYuNzc1NTQxNywwLjMwNTYwODcyNSBMNTYuNzc1NTQxNywyNS4zNzIyNjgyIEM1Ni43NzU1NDE3LDI3LjEwMjk4NjEgNTguMTg2NzcyOCwyOC41MDU3MzM3IDU5LjkyNzE2MDEsMjguNTA1NzMzNyBMNTkuOTI3MTYwMSwyOC41MDU3MzM3IFoiIGlkPSJTaGFwZSI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMy4yNDM2MTkyOSwxMC4yMTE2OTg2IEw0NC4yMTI4NzM2LDEwLjIxMTY5ODYgQzQ1Ljk1MzI2MSwxMC4yMTE2OTg2IDQ3LjM2NDQ5Miw4LjgwODU5NjAzIDQ3LjM2NDQ5Miw3LjA3ODIzMzA0IEw0Ny4zNjQ0OTIsMy45NDQ3Njc1MSBDNDcuMzY0NDkyLDIuMjE0NDA0NTEgNDUuOTUzMjYxLDAuODExMzAxOTY5IDQ0LjIxMjg3MzYsMC44MTEzMDE5NjkgTDMuMjQzNjE5MjksMC44MTEzMDE5NjkgQzEuNTAzMjMxOTEsMC44MTEzMDE5NjkgMC4wOTIwMDA4NzY0LDIuMjE0NDA0NTEgMC4wOTIwMDA4NzY0LDMuOTQ0NzY3NTEgTDAuMDkyMDAwODc2NCw3LjA3ODIzMzA0IEMwLjA5MjAwMDg3NjQsOC44MDg1OTYwMyAxLjUwMjg3NDkxLDEwLjIxMTY5ODYgMy4yNDM2MTkyOSwxMC4yMTE2OTg2IEwzLjI0MzYxOTI5LDEwLjIxMTY5ODYgWiIgaWQ9IlNoYXBlIiBmaWxsPSIjRkZENkQyIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTU5Ljk2OTg5NDcsMTAuMjExNjk4NiBMNzguODc4ODkxMSwxMC4yMTE2OTg2IEM4MC42MTkyNzg1LDEwLjIxMTY5ODYgODIuMDMwNTA5Niw4LjgwODU5NjAzIDgyLjAzMDUwOTYsNy4wNzgyMzMwNCBMODIuMDMwNTA5NiwzLjk0NDc2NzUxIEM4Mi4wMzA1MDk2LDIuMjE0NDA0NTEgODAuNjE5Mjc4NSwwLjgxMTMwMTk2OSA3OC44Nzg4OTExLDAuODExMzAxOTY5IEw1OS45Njk4OTQ3LDAuODExMzAxOTY5IEM1OC4yMjk1MDczLDAuODExMzAxOTY5IDU2LjgxODI3NjMsMi4yMTQ0MDQ1MSA1Ni44MTgyNzYzLDMuOTQ0NzY3NTEgTDU2LjgxODI3NjMsNy4wNzgyMzMwNCBDNTYuODE4Mjc2Myw4LjgwODU5NjAzIDU4LjIyOTUwNzMsMTAuMjExNjk4NiA1OS45Njk4OTQ3LDEwLjIxMTY5ODYgTDU5Ljk2OTg5NDcsMTAuMjExNjk4NiBaIiBpZD0iU2hhcGUiIGZpbGw9IiMyMEEwRkYiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYuMTExNzc4LCA0NC4zOTY1NzIpIiBmaWxsPSIjQzlFMUZCIiBvcGFjaXR5PSIwLjIzODgwNTk3Ij4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTMuNjM5NDk2NTksMjguNDgxNTk3NCBDMy42Mzk0OTY1OSwzMC4yMTE5NjA0IDIuMTM2NTcxMzcsMzEuNjE1MDYyOSAwLjI4MzEwMzAxMywzMS42MTUwNjI5IEw2Mi41NjY3MDg4LDMxLjYxNTA2MjkgQzY0LjQyMDE3NzIsMzEuNjE1MDYyOSA2NS45MjMxMDI0LDMwLjIxMTk2MDQgNjUuOTIzMTAyNCwyOC40ODE1OTc0IEw2NS45MjMxMDI0LDMuNDE0OTM3OTIgQzY1LjkyMzEwMjQsMS42ODQ1NzQ5MiA2NC40MjAxNzcyLDAuMjgxNDcyMzggNjIuNTY2NzA4OCwwLjI4MTQ3MjM4IEwwLjI4MzEwMzAxMywwLjI4MTQ3MjM4IEMyLjEzNjU3MTM3LDAuMjgxNDcyMzggMy42Mzk0OTY1OSwxLjY4NDU3NDkyIDMuNjM5NDk2NTksMy40MTQ5Mzc5MiBMMy42Mzk0OTY1OSwyOC40ODE1OTc0IFoiIGlkPSJTaGFwZSI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMy4yNDM2MTkyOSw3Ni4wMTEyODAzIEw2LjM5NTIzNzcsNzYuMDExMjgwMyBDOC4xMzU2MjUwOCw3Ni4wMTEyODAzIDkuNTQ2ODU2MTEsNzQuNjA4MTc3OCA5LjU0Njg1NjExLDcyLjg3NzgxNDggTDkuNTQ2ODU2MTEsNDcuODExMTU1MyBDOS41NDY4NTYxMSw0Ni4yNjUwMjEgOC40MjAxMzA2Niw0NC45ODAxNzEyIDYuOTM4NjI2MjgsNDQuNzI0MTA1OSBDNi43NjIwOTg1MSw0NC42OTM1OTQ2IDYuNTgwNTMzNjgsNDQuNjc3Njg5OCA2LjM5NTIzNzcsNDQuNjc3Njg5OCBMMy4yNDM2MTkyOSw0NC42Nzc2ODk4IEMxLjUwMzIzMTkxLDQ0LjY3NzY4OTggMC4wOTIwMDA4NzY0LDQ2LjA4MDc5MjMgMC4wOTIwMDA4NzY0LDQ3LjgxMTE1NTMgTDAuMDkyMDAwODc2NCw3Mi44Nzc4MTQ4IEMwLjA5MjAwMDg3NjQsNzQuNjA4MTc3OCAxLjUwMjg3NDkxLDc2LjAxMTI4MDMgMy4yNDM2MTkyOSw3Ni4wMTEyODAzIEwzLjI0MzYxOTI5LDc2LjAxMTI4MDMgWiIgaWQ9IlNoYXBlIiBmaWxsPSIjMjBBMEZGIj48L3BhdGg+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8ZyBpZD0iZGlhbW9uZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTMuMDAwMDAwLCA0NS4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iU2hhcGUiIGZpbGw9IiNBRkM4RUIiIHBvaW50cz0iMjQuMTc1MzI2NCA4Ljg2MDY5Nzk1IDE3LjE4NTE4NTIgMjguODM1NzAyNSAzNC4zNzAzNzA0IDguODYwNjk3OTUiPjwvcG9seWdvbj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAiPgogICAgICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iU2hhcGUiIGZpbGw9IiM4MEE4RTEiIHBvaW50cz0iNy4xMTExMDg4IDAuMDQ4MTg0MTc5NyAwIDguODYwNjk3OTUgMTAuMTk1MDQ0IDguODYwNjk3OTUiPjwvcG9seWdvbj4KICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlNoYXBlIiBmaWxsPSIjODBBOEUxIiBwb2ludHM9IjI0LjE3NTMyNjQgOC44NjA2OTc5NSAzNC4zNzAzNzA0IDguODYwNjk3OTUgMjcuMjU5MjYxNiAwLjA0ODE4NDE3OTciPjwvcG9seWdvbj4KICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlNoYXBlIiBmaWxsPSIjQUZDOEVBIiBwb2ludHM9IjI0LjE3NTMyNjQgOC44NjA2OTc5NSAxNy4xODUxODUyIDAuMDQ4MTg0MTc5NyAxMC4xOTUwNDQgOC44NjA2OTc5NSI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iU2hhcGUiIGZpbGw9IiM2NDk2REMiIHBvaW50cz0iMTcuMTg1MTg1MiAwLjA0ODE4NDE3OTcgNy4xMTExMDg4IDAuMDQ4MTg0MTc5NyAxMC4xOTUwNDQgOC44NjA2OTc5NSI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJTaGFwZSIgZmlsbD0iIzkzQjhFRSIgcG9pbnRzPSIyNy4yNTkyNjE2IDAuMDQ4MTg0MTc5NyAxNy4xODUxODUyIDAuMDQ4MTg0MTc5NyAyNC4xNzUzMjY0IDguODYwNjk3OTUiPjwvcG9seWdvbj4KICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iU2hhcGUiIGZpbGw9IiM4MEE4RTEiIHBvaW50cz0iMTAuMTk1MDQ0IDguODYwNjk3OTUgMTcuMTg1MTg1MiAyOC44MzU3MDI1IDI0LjE3NTMyNjQgOC44NjA2OTc5NSI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJTaGFwZSIgZmlsbD0iIzY0OTZEQyIgcG9pbnRzPSIwIDguODYwNjk3OTUgMTcuMTg1MTg1MiAyOC44MzU3MDI1IDEwLjE5NTA0NCA4Ljg2MDY5Nzk1Ij48L3BvbHlnb24+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==">
<p style="font-size:13px;line-height:1.5;">在Sketch中快速调用常用组件，在提升设计效率的同时，保证统一的视觉风格</p> <p style="font-size:13px;line-height:1.5;">在Sketch中快速调用常用组件，在提升设计效率的同时，保证统一的视觉风格</p>
<a href="https://web-assets.dcloud.net.cn/unidoc/zh/uniui.sketch" download="uni-ui.sketch" style="cursor: pointer;display:block;border-radius:5px;;border:1px #eee solid;background:#42b983;color:#fff;font-size:14px;padding:10px 25px;text-align: center;text-decoration: none;" target="_blank">下载</a> <a href="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uniui.sketch" download="uni-ui.sketch" style="cursor: pointer;display:block;border-radius:5px;;border:1px #eee solid;background:#42b983;color:#fff;font-size:14px;padding:10px 25px;text-align: center;text-decoration: none;" target="_blank">下载</a>
</div> </div>
docs/component/uniui/uni-card.md
浏览文件 @ 6a735acf
...@@ -39,7 +39,7 @@ ...@@ -39,7 +39,7 @@
使用 `thumbnail` 属性设置卡片标题左略缩图 使用 `thumbnail` 属性设置卡片标题左略缩图
```html ```html
<uni-card title="基础卡片" sub-title="副标题" extra="额外信息" thumbnail="https://web-assets.dcloud.net.cn/unidoc/zh/unicloudlogo.png"> <uni-card title="基础卡片" sub-title="副标题" extra="额外信息" thumbnail="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/unicloudlogo.png">
<text>这是一个带头像和双标题的基础卡片，此示例展示了一个完整的卡片。</text> <text>这是一个带头像和双标题的基础卡片，此示例展示了一个完整的卡片。</text>
</uni-card> </uni-card>
``` ```
...@@ -60,7 +60,7 @@ ...@@ -60,7 +60,7 @@
```html ```html
<uni-card cover="https://web-assets.dcloud.net.cn/unidoc/zh/unicloudlogo.png"> <uni-card cover="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/unicloudlogo.png">
<text>这是一个带封面和操作栏的卡片示例，此示例展示了封面插槽和操作栏插槽的用法。</text> <text>这是一个带封面和操作栏的卡片示例，此示例展示了封面插槽和操作栏插槽的用法。</text>
<template v-slot:actions> <template v-slot:actions>
<view class="card-actions"> <view class="card-actions">
...@@ -251,8 +251,8 @@ ...@@ -251,8 +251,8 @@
components: {}, components: {},
data() { data() {
return { return {
cover: 'https://web-assets.dcloud.net.cn/unidoc/zh/shuijiao.jpg', cover: 'https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/shuijiao.jpg',
avatar: 'https://web-assets.dcloud.net.cn/unidoc/zh/unicloudlogo.png', avatar: 'https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/unicloudlogo.png',
extraIcon:{ extraIcon:{
color: '#4cd964', color: '#4cd964',
size: '22', size: '22',
......
docs/component/uniui/uni-collapse.md
浏览文件 @ 6a735acf
::: tip 组件名：uni-collapse ::: tip 组件名：uni-collapse
> 代码块： `uCollapse` > 代码块： `uCollapse`
> >
> 关联组件：`uni-collapse-item`、`uni-icons`。 > 关联组件：`uni-collapse-item`、`uni-icons`。
[点击下载&安装](https://ext.dcloud.net.cn/plugin?name=uni-collapse) [点击下载&安装](https://ext.dcloud.net.cn/plugin?name=uni-collapse)
::: :::
折叠面板用来折叠/显示过长的内容或者是列表。通常是在多内容分类项使用，折叠不重要的内容，显示重要内容。点击可以展开折叠部分。 折叠面板用来折叠/显示过长的内容或者是列表。通常是在多内容分类项使用，折叠不重要的内容，显示重要内容。点击可以展开折叠部分。
## 介绍 ## 介绍
::: warning 注意事项 ::: warning 注意事项
> 为了避免错误使用，给大家带来不好的开发体验，请在使用组件前仔细阅读下面的注意事项，可以帮你避免一些错误。 > 为了避免错误使用，给大家带来不好的开发体验，请在使用组件前仔细阅读下面的注意事项，可以帮你避免一些错误。
- 组件需要依赖 `sass` 插件 ，请自行手动安装 - 组件需要依赖 `sass` 插件 ，请自行手动安装
- `App` 端默认关闭组件动画 ，因为 `height` 动画开销比较大，会导致页面卡顿，请酌情使用动画 - `App` 端默认关闭组件动画 ，因为 `height` 动画开销比较大，会导致页面卡顿，请酌情使用动画
- 如在使用组件过程从发现卡顿严重，请尝试停用组件动画，问题原因如上 - 如在使用组件过程从发现卡顿严重，请尝试停用组件动画，问题原因如上
- 在小程序端组件内容发生变化，需要手动调用 resize() 方法，手动更新几点信息，避免出现内容错位 - 在小程序端组件内容发生变化，需要手动调用 resize() 方法，手动更新几点信息，避免出现内容错位
- 如需自定义组件默认边框颜色等，请使用插槽自定义内容并合理使用 `border ` 和 `title-border` 属性 - 如需自定义组件默认边框颜色等，请使用插槽自定义内容并合理使用 `border ` 和 `title-border` 属性
- uni-collapse-item 仅支持嵌套使用，请勿单独使用 - uni-collapse-item 仅支持嵌套使用，请勿单独使用
- 组件支持 nvue ，需要在 `manifest.json > app-plus` 节点下配置 `"nvueStyleCompiler" : "uni-app"` - 组件支持 nvue ，需要在 `manifest.json > app-plus` 节点下配置 `"nvueStyleCompiler" : "uni-app"`
::: :::
### 基本用法 ### 基本用法
使用 `title` 属性指定面板显示内容 使用 `title` 属性指定面板显示内容
使用 `open` 属性默认打开当前面板 使用 `open` 属性默认打开当前面板
使用 `disabled` 属性禁用面板 使用 `disabled` 属性禁用面板
```html ```html
<uni-collapse> <uni-collapse>
<uni-collapse-item title="默认开启" :open="true"> <uni-collapse-item title="默认开启" :open="true">
<text>折叠内容</text> <text>折叠内容</text>
</uni-collapse-item> </uni-collapse-item>
<uni-collapse-item title="折叠内容"> <uni-collapse-item title="折叠内容">
<text>折叠内容</text> <text>折叠内容</text>
</uni-collapse-item> </uni-collapse-item>
<uni-collapse-item title="禁用状态" disabled> <uni-collapse-item title="禁用状态" disabled>
<text>折叠内容</text> <text>折叠内容</text>
</uni-collapse-item> </uni-collapse-item>
</uni-collapse> </uni-collapse>
``` ```
### 手风琴效果 ### 手风琴效果
使用 `accordion` 属性，可以仅打开一个面板并关闭其他已经打开的面板，效果类似手风琴 使用 `accordion` 属性，可以仅打开一个面板并关闭其他已经打开的面板，效果类似手风琴
设置 `accordion` 属性时，`open` 属性则生效在最后一个组件 设置 `accordion` 属性时，`open` 属性则生效在最后一个组件
```html ```html
<uni-collapse accordion> <uni-collapse accordion>
<uni-collapse-item title="手风琴效果"> <uni-collapse-item title="手风琴效果">
<text>折叠内容</text> <text>折叠内容</text>
</uni-collapse-item> </uni-collapse-item>
<uni-collapse-item title="手风琴效果"> <uni-collapse-item title="手风琴效果">
<text>折叠内容</text> <text>折叠内容</text>
</uni-collapse-item> </uni-collapse-item>
<uni-collapse-item title="禁用状态" disabled> <uni-collapse-item title="禁用状态" disabled>
<text>折叠内容</text> <text>折叠内容</text>
</uni-collapse-item> </uni-collapse-item>
</uni-collapse> </uni-collapse>
``` ```
### 动态设置折叠面板打开状态 ### 动态设置折叠面板打开状态
使用 `v-model` 属性，动态设置面板的显示状态 使用 `v-model` 属性，动态设置面板的显示状态
使用 `name` 属性设置每个面板的唯一标识，如不设置使用默认索引，从字符串 `"0"` 开始记数 使用 `name` 属性设置每个面板的唯一标识，如不设置使用默认索引，从字符串 `"0"` 开始记数
**注意** **注意**
- 如果 `accordion` 属性为 `true` 则 `v-model` 类型为 `String` - 如果 `accordion` 属性为 `true` 则 `v-model` 类型为 `String`
- 如果 `accordion` 属性为 `false` 则 `v-model` 类型为 `Array` - 如果 `accordion` 属性为 `false` 则 `v-model` 类型为 `Array`
- 请注意 `v-model` 属性与 `open` 属性请勿一起使用 ，建议只使用 `v-model` - 请注意 `v-model` 属性与 `open` 属性请勿一起使用 ，建议只使用 `v-model`
::: preview ::: preview
> Template > Template
```html ```html
<uni-collapse v-model="value"> <uni-collapse v-model="value">
<uni-collapse-item name="key1" title="默认开启"> <uni-collapse-item name="key1" title="默认开启">
<text>折叠内容</text> <text>折叠内容</text>
</uni-collapse-item> </uni-collapse-item>
<uni-collapse-item name="key2" title="默认开启"> <uni-collapse-item name="key2" title="默认开启">
<text>折叠内容</text> <text>折叠内容</text>
</uni-collapse-item> </uni-collapse-item>
<uni-collapse-item name="key3" title="默认不开启"> <uni-collapse-item name="key3" title="默认不开启">
<text>折叠内容</text> <text>折叠内容</text>
</uni-collapse-item> </uni-collapse-item>
</uni-collapse> </uni-collapse>
``` ```
> Script > Script
```js ```js
export default { export default {
data(){ data(){
return { return {
value:['key1','key2'], value:['key1','key2'],
// 如果设置了 accordion 属性，则使用 string 类型 // 如果设置了 accordion 属性，则使用 string 类型
// value:'key1' // value:'key1'
} }
} }
} }
``` ```
::: :::
### 使用动画 ### 使用动画
使用 `show-animation` 属性开启或关闭面板折叠动画，默认动画开启 使用 `show-animation` 属性开启或关闭面板折叠动画，默认动画开启
**注意** **注意**
- `App` 端默认关闭组件动画 ，因为 height 动画开销比较大，会导致页面卡顿，请酌情使用动画，如出现明显卡顿，尝试关闭动画 - `App` 端默认关闭组件动画 ，因为 height 动画开销比较大，会导致页面卡顿，请酌情使用动画，如出现明显卡顿，尝试关闭动画
```html ```html
<uni-collapse> <uni-collapse>
<uni-collapse-item :show-animation="true" title="开启动画"> <uni-collapse-item :show-animation="true" title="开启动画">
<text>折叠内容</text> <text>折叠内容</text>
</uni-collapse-item> </uni-collapse-item>
<uni-collapse-item :show-animation="true" title="开启动画"> <uni-collapse-item :show-animation="true" title="开启动画">
<text>折叠内容</text> <text>折叠内容</text>
</uni-collapse-item> </uni-collapse-item>
<uni-collapse-item :show-animation="false" title="不开启动画"> <uni-collapse-item :show-animation="false" title="不开启动画">
<text>折叠内容</text> <text>折叠内容</text>
</uni-collapse-item> </uni-collapse-item>
</uni-collapse> </uni-collapse>
``` ```
### 配置图片 ### 配置图片
使用 `thumb` 配置图片地址， 可在面板左侧显示一个图片 使用 `thumb` 配置图片地址， 可在面板左侧显示一个图片
如需显示更多内容，如图标等，请见下方自定义插槽的说明 如需显示更多内容，如图标等，请见下方自定义插槽的说明
```html ```html
<uni-collapse> <uni-collapse>
<uni-collapse-item title="标题文字" <uni-collapse-item title="标题文字"
thumb="https://web-assets.dcloud.net.cn/unidoc/zh/unicloudlogo.png"> thumb="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/unicloudlogo.png">
<view class="content"> <view class="content">
<text class="text">折叠内容主体，可自定义内容及样式</text> <text class="text">折叠内容主体，可自定义内容及样式</text>
</view> </view>
</uni-collapse-item> </uni-collapse-item>
</uni-collapse> </uni-collapse>
``` ```
### 自定义插槽 ### 自定义插槽
如果需要自定义面板显示，可以使用 `title` 插槽达成完全自定义。下面是一个使用 `uni-list` 的列表示例，需要引入 `uni-list` 组件 如果需要自定义面板显示，可以使用 `title` 插槽达成完全自定义。下面是一个使用 `uni-list` 的列表示例，需要引入 `uni-list` 组件
```html ```html
<uni-collapse> <uni-collapse>
<!-- 因为list默认带一条分隔线，所以使用 titleBorder="none" 取消面板的分隔线 --> <!-- 因为list默认带一条分隔线，所以使用 titleBorder="none" 取消面板的分隔线 -->
<uni-collapse-item title-border="none" :border="false"> <uni-collapse-item title-border="none" :border="false">
<template v-slot:title> <template v-slot:title>
<uni-list> <uni-list>
<uni-list-item title="标题使用自定义标题插槽" :show-extra-icon="true" :extra-icon="extraIcon"> <uni-list-item title="标题使用自定义标题插槽" :show-extra-icon="true" :extra-icon="extraIcon">
</uni-list-item> </uni-list-item>
</uni-list> </uni-list>
</template> </template>
<view class="content"> <view class="content">
<text class="text">折叠内容主体，可自定义内容及样式</text> <text class="text">折叠内容主体，可自定义内容及样式</text>
</view> </view>
</uni-collapse-item> </uni-collapse-item>
</uni-collapse> </uni-collapse>
``` ```
**注意** **注意**
- 在折叠面板组件中使用list时，在 App-Nvue 下请勿单独使用 uni-list-item，会导致组件无法正常显示，其他平台不做限制 - 在折叠面板组件中使用list时，在 App-Nvue 下请勿单独使用 uni-list-item，会导致组件无法正常显示，其他平台不做限制
- 在默认插槽里使用 uni-list 组件与上方示例一样，直接写在默认插槽里即可 - 在默认插槽里使用 uni-list 组件与上方示例一样，直接写在默认插槽里即可
## API ## API
### Collapse Props ### Collapse Props
|属性名|类型|默认值|说明| |属性名|类型|默认值|说明|
|:-:|:-:|:-:|:-:| |:-:|:-:|:-:|:-:|
|value/v-model|String/Array|-|当前激活面板改变时触发(如果是手风琴模式，参数类型为string，否则为array)| |value/v-model|String/Array|-|当前激活面板改变时触发(如果是手风琴模式，参数类型为string，否则为array)|
|accordion|Boolean|false|是否开启手风琴效果 | |accordion|Boolean|false|是否开启手风琴效果 |
### Collapse Event ### Collapse Event
|事件称名|说明|返回值| |事件称名|说明|返回值|
|:-:|:-:|:-:| |:-:|:-:|:-:|
|@change|切换面板时触发 |切换面板时触发，如果是手风琴模式，返回类型为string，否则为array| |@change|切换面板时触发 |切换面板时触发，如果是手风琴模式，返回类型为string，否则为array|
### Collapse Methods ### Collapse Methods
|方法名称|说明| |方法名称|说明|
|:-:|:-:| |:-:|:-:|
|resize |更新当前列表高度| |resize |更新当前列表高度|
::: warning 提示 ::: warning 提示
- resize 方法解决动态添加数据，带动画的折叠面板高度不更新的问题 - resize 方法解决动态添加数据，带动画的折叠面板高度不更新的问题
- 需要在数据渲染完毕之后使用 `resize` 方法。推荐在 `this.$nextTick()` 中使用 - 需要在数据渲染完毕之后使用 `resize` 方法。推荐在 `this.$nextTick()` 中使用
- 当前只有小程序端需要调用此方法，H5\App 端已经做了处理，不需要手动更新高度 - 当前只有小程序端需要调用此方法，H5\App 端已经做了处理，不需要手动更新高度
::: :::
**示例：** **示例：**
::: preview ::: preview
> Template > Template
```vue ```vue
<template> <template>
<view> <view>
<uni-collapse ref="collapse" v-model="value"> <uni-collapse ref="collapse" v-model="value">
<uni-collapse-item title="默认开启" > <uni-collapse-item title="默认开启" >
<view class="content"> <view class="content">
<text class="text">{{content}}</text> <text class="text">{{content}}</text>
</view> </view>
</uni-collapse-item> </uni-collapse-item>
<uni-collapse-item title="折叠内容"> <uni-collapse-item title="折叠内容">
<view class="content"> <view class="content">
<text class="text">折叠内容主体，这是一段比较长内容。默认折叠主要内容，只显示当前项标题。点击标题展开，才能看到这段文字。再次点击标题，折叠内容。</text> <text class="text">折叠内容主体，这是一段比较长内容。默认折叠主要内容，只显示当前项标题。点击标题展开，才能看到这段文字。再次点击标题，折叠内容。</text>
</view> </view>
</uni-collapse-item> </uni-collapse-item>
</uni-collapse> </uni-collapse>
<button class="button" type="primary" @click="add">动态修改内容</button> <button class="button" type="primary" @click="add">动态修改内容</button>
</view> </view>
</template> </template>
``` ```
> Script > Script
```vue ```vue
<script> <script>
export default { export default {
data() { data() {
return { return {
value:['0'], value:['0'],
content: '折叠内容主体，可自定义内容及样式，点击按钮修改内容使高度发生变化。', content: '折叠内容主体，可自定义内容及样式，点击按钮修改内容使高度发生变化。',
} }
}, },
methods: { methods: {
add() { add() {
if (this.content.length > 35) { if (this.content.length > 35) {
this.content = '折叠内容主体，可自定义内容及样式，点击按钮修改内容使高度发生变化。' this.content = '折叠内容主体，可自定义内容及样式，点击按钮修改内容使高度发生变化。'
} else { } else {
this.content = '折叠内容主体，这是一段比较长内容。通过点击按钮修改后内容后，使组件高度发生变化，在次点击按钮恢复之前的内容和高度。' this.content = '折叠内容主体，这是一段比较长内容。通过点击按钮修改后内容后，使组件高度发生变化，在次点击按钮恢复之前的内容和高度。'
} }
// TODO 小程序中不支持自动更新 ，需要手动resize 更新组件高度 // TODO 小程序中不支持自动更新 ，需要手动resize 更新组件高度
// #ifdef MP // #ifdef MP
this.$nextTick(() => { this.$nextTick(() => {
this.$refs.collapse.resize() this.$refs.collapse.resize()
}) })
// #endif // #endif
} }
} }
} }
</script> </script>
``` ```
::: :::
### CollapseItem Props ### CollapseItem Props
|属性名|类型|默认值|说明| |属性名|类型|默认值|说明|
|:-:|:-:|:-:|:-:| |:-:|:-:|:-:|:-:|
|title|String|-|标题文字| |title|String|-|标题文字|
|thumb|String|-|标题左侧缩略图| |thumb|String|-|标题左侧缩略图|
|disabled|Boolean|false|是否禁用| |disabled|Boolean|false|是否禁用|
|open|Boolean|false|是否展开面板| |open|Boolean|false|是否展开面板|
|show-animation|Boolean|false|开启动画| |show-animation|Boolean|false|开启动画|
|border|Boolean|true|折叠面板内容分隔线| |border|Boolean|true|折叠面板内容分隔线|
|title-border|String|auto|折叠面板标题分隔线可选值见下方 **TitleBorder Params**| |title-border|String|auto|折叠面板标题分隔线可选值见下方 **TitleBorder Params**|
|show-arrow|Boolean|true|是否显示右侧箭头| |show-arrow|Boolean|true|是否显示右侧箭头|
#### TitleBorder Params #### TitleBorder Params
|参数名|说明| |参数名|说明|
|:-:|:-:| |:-:|:-:|
|auto|分隔线自动显示| |auto|分隔线自动显示|
|none|不显示分隔线| |none|不显示分隔线|
|show|一直显示分隔线| |show|一直显示分隔线|
### Collapse Slots ### Collapse Slots
|插槽名|说明| |插槽名|说明|
|:-:| :-:| |:-:| :-:|
|default|默认插槽| |default|默认插槽|
|title|面板标题插槽，如使用此插槽禁用样式效果将失效| |title|面板标题插槽，如使用此插槽禁用样式效果将失效|
## 示例 ## 示例
::: warning 注意 ::: warning 注意
示例依赖了 `uni-card` `uni-section` `uni-scss` 等多个组件，直接拷贝示例代码将无法正常运行 。 示例依赖了 `uni-card` `uni-section` `uni-scss` 等多个组件，直接拷贝示例代码将无法正常运行 。
请到 [组件下载页面](https://ext.dcloud.net.cn/plugin?name=uni-collapse) ，在页面右侧选择 `使用 HBuilderX导入示例项目` ，体验完整组件示例。 请到 [组件下载页面](https://ext.dcloud.net.cn/plugin?name=uni-collapse) ，在页面右侧选择 `使用 HBuilderX导入示例项目` ，体验完整组件示例。
::: :::
::: preview https://hellouniapp.dcloud.net.cn/pages/extUI/collapse/collapse ::: preview https://hellouniapp.dcloud.net.cn/pages/extUI/collapse/collapse
> Template > Template
```vue ```vue
<template> <template>
<view> <view>
<uni-card :is-shadow="false" is-full> <uni-card :is-shadow="false" is-full>
<text class="uni-h6">折叠面板用来折叠/显示过长的内容或者是列表。通常是在多内容分类项使用，折叠不重要的内容，显示重要内容。点击可以展开折叠部分。</text> <text class="uni-h6">折叠面板用来折叠/显示过长的内容或者是列表。通常是在多内容分类项使用，折叠不重要的内容，显示重要内容。点击可以展开折叠部分。</text>
</uni-card> </uni-card>
<uni-section title="基础用法" type="line"> <uni-section title="基础用法" type="line">
<uni-collapse ref="collapse" v-model="value" @change="change"> <uni-collapse ref="collapse" v-model="value" @change="change">
<uni-collapse-item title="默认开启" > <uni-collapse-item title="默认开启" >
<view class="content"> <view class="content">
<text class="text">{{content}}</text> <text class="text">{{content}}</text>
</view> </view>
</uni-collapse-item> </uni-collapse-item>
<uni-collapse-item title="折叠内容"> <uni-collapse-item title="折叠内容">
<view class="content"> <view class="content">
<text class="text">折叠内容主体，这是一段比较长内容。默认折叠主要内容，只显示当前项标题。点击标题展开，才能看到这段文字。再次点击标题，折叠内容。</text> <text class="text">折叠内容主体，这是一段比较长内容。默认折叠主要内容，只显示当前项标题。点击标题展开，才能看到这段文字。再次点击标题，折叠内容。</text>
</view> </view>
</uni-collapse-item> </uni-collapse-item>
<uni-collapse-item title="禁用状态" disabled> <uni-collapse-item title="禁用状态" disabled>
<view class="content"> <view class="content">
<text class="text">禁用状态内容主体，页面上是看不到这段话的。</text> <text class="text">禁用状态内容主体，页面上是看不到这段话的。</text>
</view> </view>
</uni-collapse-item> </uni-collapse-item>
</uni-collapse> </uni-collapse>
</uni-section> </uni-section>
<button class="button" type="primary" @click="add">动态修改内容</button> <button class="button" type="primary" @click="add">动态修改内容</button>
<!-- TODO app 端默认不使用动画，app在使用高度动画的时候会有性能开销问题，所以应该要酌情使用 --> <!-- TODO app 端默认不使用动画，app在使用高度动画的时候会有性能开销问题，所以应该要酌情使用 -->
<uni-section title="使用动画效果" type="line"> <uni-section title="使用动画效果" type="line">
<uni-collapse > <uni-collapse >
<uni-collapse-item title="使用动画" :show-animation="true"> <uni-collapse-item title="使用动画" :show-animation="true">
<view class="content"> <view class="content">
<text class="text">默认开启组件动画，使用动画效果折叠内容会有一个从上到下的动画。</text> <text class="text">默认开启组件动画，使用动画效果折叠内容会有一个从上到下的动画。</text>
</view> </view>
</uni-collapse-item> </uni-collapse-item>
<uni-collapse-item title="不使用动画" :show-animation="false"> <uni-collapse-item title="不使用动画" :show-animation="false">
<view class="content"> <view class="content">
<text class="text">设置 show-animation="false",关闭当前组件动画效果。</text> <text class="text">设置 show-animation="false",关闭当前组件动画效果。</text>
</view> </view>
</uni-collapse-item> </uni-collapse-item>
</uni-collapse> </uni-collapse>
</uni-section> </uni-section>
<uni-section title="手风琴效果（只会保留一个的打开状态）" type="line"> <uni-section title="手风琴效果（只会保留一个的打开状态）" type="line">
<uni-collapse accordion v-model="accordionVal" @change="change"> <uni-collapse accordion v-model="accordionVal" @change="change">
<uni-collapse-item title="手风琴效果"> <uni-collapse-item title="手风琴效果">
<view class="content"> <view class="content">
<text class="text">手风琴效果同时只会保留一个组件的打开状态，其余组件会自动关闭。</text> <text class="text">手风琴效果同时只会保留一个组件的打开状态，其余组件会自动关闭。</text>
</view> </view>
</uni-collapse-item> </uni-collapse-item>
<uni-collapse-item title="手风琴效果"> <uni-collapse-item title="手风琴效果">
<view class="content"> <view class="content">
<text class="text">手风琴效果同时只会保留一个组件的打开状态，其余组件会自动关闭。</text> <text class="text">手风琴效果同时只会保留一个组件的打开状态，其余组件会自动关闭。</text>
</view> </view>
</uni-collapse-item> </uni-collapse-item>
<uni-collapse-item title="手风琴效果"> <uni-collapse-item title="手风琴效果">
<view class="content"> <view class="content">
<text class="text">手风琴效果同时只会保留一个组件的打开状态，其余组件会自动关闭。</text> <text class="text">手风琴效果同时只会保留一个组件的打开状态，其余组件会自动关闭。</text>
</view> </view>
</uni-collapse-item> </uni-collapse-item>
</uni-collapse> </uni-collapse>
</uni-section> </uni-section>
<uni-section title="配置图片" type="line"> <uni-section title="配置图片" type="line">
<uni-collapse> <uni-collapse>
<uni-collapse-item title="标题文字" <uni-collapse-item title="标题文字"
thumb="https://web-assets.dcloud.net.cn/unidoc/zh/unicloudlogo.png"> thumb="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/unicloudlogo.png">
<view class="content"> <view class="content">
<text class="text">折叠内容主体，可自定义内容及样式</text> <text class="text">折叠内容主体，可自定义内容及样式</text>
</view> </view>
</uni-collapse-item> </uni-collapse-item>
<uni-collapse-item title="标题文字" <uni-collapse-item title="标题文字"
thumb="https://web-assets.dcloud.net.cn/unidoc/zh/unicloudlogo.png"> thumb="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/unicloudlogo.png">
<view class="content"> <view class="content">
<text class="text">折叠内容主体，可自定义内容及样式</text> <text class="text">折叠内容主体，可自定义内容及样式</text>
</view> </view>
</uni-collapse-item> </uni-collapse-item>
</uni-collapse> </uni-collapse>
</uni-section> </uni-section>
<uni-section title="使用插槽" type="line"> <uni-section title="使用插槽" type="line">
<uni-collapse> <uni-collapse>
<uni-collapse-item titleBorder="none"> <uni-collapse-item titleBorder="none">
<template v-slot:title> <template v-slot:title>
<uni-list> <uni-list>
<uni-list-item title="标题使用自定义标题插槽" :show-extra-icon="true" :extra-icon="extraIcon"> <uni-list-item title="标题使用自定义标题插槽" :show-extra-icon="true" :extra-icon="extraIcon">
</uni-list-item> </uni-list-item>
</uni-list> </uni-list>
</template> </template>
<view class="content"> <view class="content">
<text class="text">折叠内容主体，可自定义内容及样式</text> <text class="text">折叠内容主体，可自定义内容及样式</text>
</view> </view>
</uni-collapse-item> </uni-collapse-item>
<uni-collapse-item title="折叠内容使用 uni-list 组件"> <uni-collapse-item title="折叠内容使用 uni-list 组件">
<uni-list> <uni-list>
<uni-list-item title="列表文字"></uni-list-item> <uni-list-item title="列表文字"></uni-list-item>
<uni-list-item :disabled="true" title="列表文字" note="列表禁用状态"></uni-list-item> <uni-list-item :disabled="true" title="列表文字" note="列表禁用状态"></uni-list-item>
<uni-list-item title="列表右侧显示 switch" :show-switch="true"></uni-list-item> <uni-list-item title="列表右侧显示 switch" :show-switch="true"></uni-list-item>
<uni-list-item :show-extra-icon="true" :extra-icon="extraIcon" title="列表左侧带扩展图标"></uni-list-item> <uni-list-item :show-extra-icon="true" :extra-icon="extraIcon" title="列表左侧带扩展图标"></uni-list-item>
<uni-list-item title="列表左侧带略缩图" note="列表描述信息" <uni-list-item title="列表左侧带略缩图" note="列表描述信息"
thumb="https://web-assets.dcloud.net.cn/unidoc/zh/unicloudlogo.png" thumb="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/unicloudlogo.png"
thumb-size="lg" rightText="右侧文字" showArrow></uni-list-item> thumb-size="lg" rightText="右侧文字" showArrow></uni-list-item>
<uni-list-item title="开启点击反馈" clickable showArrow @click="onClick"></uni-list-item> <uni-list-item title="开启点击反馈" clickable showArrow @click="onClick"></uni-list-item>
</uni-list> </uni-list>
</uni-collapse-item> </uni-collapse-item>
</uni-collapse> </uni-collapse>
</uni-section> </uni-section>
</view> </view>
</template> </template>
``` ```
> Script > Script
```vue ```vue
<script> <script>
export default { export default {
...@@ -430,7 +430,7 @@ export default { ...@@ -430,7 +430,7 @@ export default {
this.content = '折叠内容主体，这是一段比较长内容。通过点击按钮修改后内容后，使组件高度发生变化，在次点击按钮恢复之前的内容和高度。' this.content = '折叠内容主体，这是一段比较长内容。通过点击按钮修改后内容后，使组件高度发生变化，在次点击按钮恢复之前的内容和高度。'
} }
// TODO 小程序中不支持自动更新 ，需要手动resize 更新组件高度 // TODO 小程序中不支持自动更新 ，需要手动resize 更新组件高度
// #ifdef MP // #ifdef MP
this.$nextTick(() => { this.$nextTick(() => {
this.$refs.collapse.resize() this.$refs.collapse.resize()
}) })
...@@ -447,8 +447,8 @@ export default { ...@@ -447,8 +447,8 @@ export default {
} }
} }
</script> </script>
``` ```
> Style > Style
```vue ```vue
<style lang="scss"> <style lang="scss">
.example-body { .example-body {
...@@ -471,9 +471,9 @@ export default { ...@@ -471,9 +471,9 @@ export default {
margin: 10px; margin: 10px;
margin-bottom: 0; margin-bottom: 0;
} }
</style> </style>
``` ```
::: :::
[完整示例演示](https://hellouniapp.dcloud.net.cn/pages/extUI/collapse/collapse) [完整示例演示](https://hellouniapp.dcloud.net.cn/pages/extUI/collapse/collapse)
docs/component/uniui/uni-file-picker.md
浏览文件 @ 6a735acf
::: tip 组件名：uni-file-picker ::: tip 组件名：uni-file-picker
> 代码块： `uFilePicker` > 代码块： `uFilePicker`
[点击下载&安装](https://ext.dcloud.net.cn/plugin?name=uni-file-picker) [点击下载&安装](https://ext.dcloud.net.cn/plugin?name=uni-file-picker)
::: :::
文件选择上传组件，可以选择图片、视频等任意文件并上传到当前绑定的服务空间 文件选择上传组件，可以选择图片、视频等任意文件并上传到当前绑定的服务空间
## 介绍 ## 介绍
::: warning 注意事项 ::: warning 注意事项
> 为了避免错误使用，给大家带来不好的开发体验，请在使用组件前仔细阅读下面的注意事项，可以帮你避免一些错误。 > 为了避免错误使用，给大家带来不好的开发体验，请在使用组件前仔细阅读下面的注意事项，可以帮你避免一些错误。
- 组件需要依赖 `sass` 插件 ，请自行手动安装 - 组件需要依赖 `sass` 插件 ，请自行手动安装
- 如不绑定服务空间，`autoUpload`默认为`false`且不可更改 - 如不绑定服务空间，`autoUpload`默认为`false`且不可更改
- 选择文件目前只支持 `H5` 和 `微信小程序平台` ，且 `微信小程序平台` 使用 `wx.chooseMessageFile()` - 选择文件目前只支持 `H5` 和 `微信小程序平台` ，且 `微信小程序平台` 使用 `wx.chooseMessageFile()`
- v-model 值需要自动上传成功后才会绑定值，一般只用来回显数据 - v-model 值需要自动上传成功后才会绑定值，一般只用来回显数据
::: :::
### 基础用法 ### 基础用法
```html ```html
<uni-file-picker <uni-file-picker
v-model="imageValue" v-model="imageValue"
fileMediatype="image" fileMediatype="image"
mode="grid" mode="grid"
@select="select" @select="select"
@progress="progress" @progress="progress"
@success="success" @success="success"
@fail="fail" @fail="fail"
/> />
<script> <script>
export default { export default {
data() { data() {
return { return {
imageValue:[] imageValue:[]
} }
}, },
methods:{ methods:{
// 获取上传状态 // 获取上传状态
select(e){ select(e){
console.log('选择文件：',e) console.log('选择文件：',e)
}, },
// 获取上传进度 // 获取上传进度
progress(e){ progress(e){
console.log('上传进度：',e) console.log('上传进度：',e)
}, },
// 上传成功 // 上传成功
success(e){ success(e){
console.log('上传成功') console.log('上传成功')
}, },
// 上传失败 // 上传失败
fail(e){ fail(e){
console.log('上传失败：',e) console.log('上传失败：',e)
} }
} }
} }
</script> </script>
``` ```
### 选择指定后缀图片，且限制选择个数 ### 选择指定后缀图片，且限制选择个数
配置 `file-mediatype` 属性为 `image`，限定只选择图片 配置 `file-mediatype` 属性为 `image`，限定只选择图片
配置 `file-extname` 属性为 `'png,jpg'`，限定只选择 `png`和`jpg`后缀的图片 配置 `file-extname` 属性为 `'png,jpg'`，限定只选择 `png`和`jpg`后缀的图片
配置 `limit` 属性为 1 ，则最多选择一张图片 配置 `limit` 属性为 1 ，则最多选择一张图片
配置 `mode` 属性为 `grid` ，可以使用九宫格样式选择图片 配置 `mode` 属性为 `grid` ，可以使用九宫格样式选择图片
```html ```html
<uni-file-picker <uni-file-picker
v-model="imageValue" v-model="imageValue"
file-mediatype="image" file-mediatype="image"
mode="grid" mode="grid"
file-extname="png,jpg" file-extname="png,jpg"
:limit="1" :limit="1"
@progress="progress" @progress="progress"
@success="success" @success="success"
@fail="fail" @fail="fail"
@select="select" @select="select"
/> />
``` ```
### 手动上传 ### 手动上传
配置 `auto-upload` 属性为 `false` ，可以停止自动上传，通过`ref`调用`upload`方法自行选择上传时机 配置 `auto-upload` 属性为 `false` ，可以停止自动上传，通过`ref`调用`upload`方法自行选择上传时机
```html ```html
<template> <template>
<view> <view>
<uni-file-picker ref="files" :auto-upload="false"/> <uni-file-picker ref="files" :auto-upload="false"/>
<button @click="upload">上传文件</button> <button @click="upload">上传文件</button>
</view> </view>
</template> </template>
<script> <script>
export default { export default {
data() {}, data() {},
methods:{ methods:{
upload(){ upload(){
this.$refs.files.upload() this.$refs.files.upload()
} }
} }
} }
</script> </script>
``` ```
### 单选图片且点击再次选择 ### 单选图片且点击再次选择
配置 `disable-preview` 属性为 `true`，禁用点击预览图片功能 配置 `disable-preview` 属性为 `true`，禁用点击预览图片功能
配置 `del-icon` 属性为 `false`，隐藏删除按钮 配置 `del-icon` 属性为 `false`，隐藏删除按钮
配置 `return-type` 属性为 `object`，设置 `value` 类型 ，如需绑定 `array`类型 ，则设置`limit:1`，可达到一样的效果 配置 `return-type` 属性为 `object`，设置 `value` 类型 ，如需绑定 `array`类型 ，则设置`limit:1`，可达到一样的效果
```html ```html
<uni-file-picker <uni-file-picker
disable-preview disable-preview
:del-icon="false" :del-icon="false"
return-type="object" return-type="object"
>选择头像</uni-file-picker> >选择头像</uni-file-picker>
``` ```
### 自定义样式 ### 自定义样式
配置 `image-styles` 属性，可以自定义`mode:image`时的回显样式 配置 `image-styles` 属性，可以自定义`mode:image`时的回显样式
配置 `list-styles` 属性，可以自定义`mode:video|| mode:all`时的回显样式 配置 `list-styles` 属性，可以自定义`mode:video|| mode:all`时的回显样式
```html ```html
<template> <template>
<view> <view>
<uni-file-picker fileMediatype="image" :image-styles="imageStyles"/> <uni-file-picker fileMediatype="image" :image-styles="imageStyles"/>
<uni-file-picker fileMediatype="all" :list-styles="listStyles"/> <uni-file-picker fileMediatype="all" :list-styles="listStyles"/>
</view> </view>
</template> </template>
<script> <script>
export default { export default {
data() { data() {
imageStyles:{ imageStyles:{
width:64, width:64,
height:64, height:64,
border:{ border:{
color:"#ff5a5f", color:"#ff5a5f",
width:2, width:2,
style:'dashed', style:'dashed',
radius:'2px' radius:'2px'
} }
}, },
listStyles:{ listStyles:{
// 是否显示边框 // 是否显示边框
border: true, border: true,
// 是否显示分隔线 // 是否显示分隔线
dividline: true, dividline: true,
// 线条样式 // 线条样式
borderStyle: { borderStyle: {
width:1, width:1,
color:'blue', color:'blue',
radius:2 radius:2
} }
} }
} }
} }
</script> </script>
``` ```
### 使用插槽 ### 使用插槽
使用默认插槽可以自定义选择文件按钮样式 使用默认插槽可以自定义选择文件按钮样式
```html ```html
<uni-file-picker <uni-file-picker
v-model="value" file-mediatype="all"> v-model="value" file-mediatype="all">
<button>选择文件</button> <button>选择文件</button>
</uni-file-picker> </uni-file-picker>
``` ```
## API ## API
### FilePicker Props ### FilePicker Props
|属性名|类型|默认值|可选值|说明| |属性名|类型|默认值|可选值|说明|
|:-:| :-:| :-:|:-:|:-:| |:-:| :-:| :-:|:-:|:-:|
|v-model/value|Array\Object|-|-| 组件数据，通常用来回显 ,类型由`return-type`属性决定 ，**格式见下文** | |v-model/value|Array\Object|-|-| 组件数据，通常用来回显 ,类型由`return-type`属性决定 ，**格式见下文** |
|disabled|Boolean|false|-| 组件禁用| |disabled|Boolean|false|-| 组件禁用|
|readonly|Boolean|false|-| 组件只读，不可选择，不显示进度，不显示删除按钮| |readonly|Boolean|false|-| 组件只读，不可选择，不显示进度，不显示删除按钮|
|return-type|String| array | array/object| 限制 `value` 格式，当为 `object` 时 ，组件只能单选，且会覆盖| |return-type|String| array | array/object| 限制 `value` 格式，当为 `object` 时 ，组件只能单选，且会覆盖|
|disable-preview| Boolean| false | -| 禁用图片预览，仅 `mode:grid`生效 | |disable-preview| Boolean| false | -| 禁用图片预览，仅 `mode:grid`生效 |
|del-icon|Boolean| true | -| 是否显示删除按钮 | |del-icon|Boolean| true | -| 是否显示删除按钮 |
|auto-upload| Boolean| true | -| 是否自动上传，值为`false`则只触发@select,可自行上传| |auto-upload| Boolean| true | -| 是否自动上传，值为`false`则只触发@select,可自行上传|
|limit| Number\String| 9 | -| 最大选择个数 ，h5 会自动忽略多选的部分| |limit| Number\String| 9 | -| 最大选择个数 ，h5 会自动忽略多选的部分|
|title| String | -| -| 组件标题，右侧显示上传计数| |title| String | -| -| 组件标题，右侧显示上传计数|
|mode| String | list | list/grid| 选择文件后的文件列表样式| |mode| String | list | list/grid| 选择文件后的文件列表样式|
|file-mediatype| String | image | image/video/all| 选择文件类型,all 只支持 H5 和微信小程序平台| |file-mediatype| String | image | image/video/all| 选择文件类型,all 只支持 H5 和微信小程序平台|
|file-extname| Array\String| -| -| 选择文件后缀，字符串的情况下需要用逗号分隔（推荐使用字符串），根据 `file-mediatype` 属性而不同| |file-extname| Array\String| -| -| 选择文件后缀，字符串的情况下需要用逗号分隔（推荐使用字符串），根据 `file-mediatype` 属性而不同|
|list-styles|Object| -| -| `mode:list` 时的样式| |list-styles|Object| -| -| `mode:list` 时的样式|
|image-styles|Object| -| -| `mode:grid` 时的样式 | |image-styles|Object| -| -| `mode:grid` 时的样式 |
|sizeType|Array| ['original', 'compressed']| 'original', 'compressed'| original 原图，compressed 压缩图，默认二者都有 | |sizeType|Array| ['original', 'compressed']| 'original', 'compressed'| original 原图，compressed 压缩图，默认二者都有 |
|sourceType|Array| ['album', 'camera']| 'album', 'camera'| album 从相册选图，camera 使用相机，默认二者都有。如需直接开相机或直接选相册，请只使用一个选项 | |sourceType|Array| ['album', 'camera']| 'album', 'camera'| album 从相册选图，camera 使用相机，默认二者都有。如需直接开相机或直接选相册，请只使用一个选项 |
### value 格式 ### value 格式
三个属性必填，否则影响组件显示 三个属性必填，否则影响组件显示
```json ```json
[ [
{ {
"name":"file.txt", "name":"file.txt",
"extname":"txt", "extname":"txt",
"url":"https://xxxx", "url":"https://xxxx",
// ... // ...
} }
] ]
``` ```
### list-styles 格式 ### list-styles 格式
```json ```json
{ {
"borderStyle":{ "borderStyle":{
"color":"#eee", // 边框颜色 "color":"#eee", // 边框颜色
"width":"1px", // 边框宽度 "width":"1px", // 边框宽度
"style":"solid", // 边框样式 "style":"solid", // 边框样式
"radius":"5px" // 边框圆角，不支持百分比 "radius":"5px" // 边框圆角，不支持百分比
}, },
"border":false, // 是否显示边框 "border":false, // 是否显示边框
"dividline":true // 是否显示分隔线 "dividline":true // 是否显示分隔线
} }
``` ```
### image-styles 格式 ### image-styles 格式
```json ```json
{ {
"height": 60, // 边框高度 "height": 60, // 边框高度
"width": 60, // 边框宽度 "width": 60, // 边框宽度
"border":{ // 如果为 Boolean 值，可以控制边框显示与否 "border":{ // 如果为 Boolean 值，可以控制边框显示与否
"color":"#eee", // 边框颜色 "color":"#eee", // 边框颜色
"width":"1px", // 边框宽度 "width":"1px", // 边框宽度
"style":"solid", // 边框样式 "style":"solid", // 边框样式
"radius":"50%" // 边框圆角，支持百分比 "radius":"50%" // 边框圆角，支持百分比
} }
} }
``` ```
### FilePicker Events ### FilePicker Events
|事件称名|说明|返回值| |事件称名|说明|返回值|
|:-:|:-:| :-: | |:-:|:-:| :-: |
|@select| 选择文件后触发| 见下文| |@select| 选择文件后触发| 见下文|
|@progress|文件上传时触发| 见下文| |@progress|文件上传时触发| 见下文|
|@success|上传成功触发| 见下文| |@success|上传成功触发| 见下文|
|@fail|上传失败触发| 见下文| |@fail|上传失败触发| 见下文|
|@delete|文件从列表移除时触发| 见下文| |@delete|文件从列表移除时触发| 见下文|
#### Callback Params #### Callback Params
`**注意**：如果绑定的是腾讯云的服务空间 ，tempFilePaths 将返回 fileID` `**注意**：如果绑定的是腾讯云的服务空间 ，tempFilePaths 将返回 fileID`
```json ```json
{ {
"progress" : Number, // 上传进度 ，仅 @progress 事件包含此字段 "progress" : Number, // 上传进度 ，仅 @progress 事件包含此字段
"index" : Number, // 上传文件索引 ，仅 @progress 事件包含此字段 "index" : Number, // 上传文件索引 ，仅 @progress 事件包含此字段
"tempFile" : file, // 当前文件对象 ，包含文件流，文件大小，文件名称等，仅 @progress 事件包含此字段 "tempFile" : file, // 当前文件对象 ，包含文件流，文件大小，文件名称等，仅 @progress 事件包含此字段
"tempFiles" : files, // 文件列表,包含文件流，文件大小，文件名称等 "tempFiles" : files, // 文件列表,包含文件流，文件大小，文件名称等
"tempFilePaths" : filePaths, // 文件地址列表，@sucess 事件为上传后的线上文件地址 "tempFilePaths" : filePaths, // 文件地址列表，@sucess 事件为上传后的线上文件地址
} }
``` ```
### FilePicker Methods ### FilePicker Methods
通过 `$ref` 调用 通过 `$ref` 调用
| 方法称名| 说明|参数| | 方法称名| 说明|参数|
| :-:| :-:|:-:| | :-:| :-:|:-:|
| upload()| 手动上传 ，如`autoUpload`为`false` ，必须调用此方法| - | | upload()| 手动上传 ，如`autoUpload`为`false` ，必须调用此方法| - |
| clearFiles(index:Number) | 清除选择结果| 传入 Number　为删除指定下标的文件 ，不传为删除所有| | clearFiles(index:Number) | 清除选择结果| 传入 Number　为删除指定下标的文件 ，不传为删除所有|
### FilePicker Slots ### FilePicker Slots
插槽可定义上传按钮显示样式 插槽可定义上传按钮显示样式
|插槽名|说明 | |插槽名|说明 |
| :-:| :-: | | :-:| :-: |
|default|默认插槽| |default|默认插槽|
## 示例 ## 示例
::: warning 注意 ::: warning 注意
示例依赖了 `uni-card` `uni-section` `uni-scss` 等多个组件，直接拷贝示例代码将无法正常运行 。 示例依赖了 `uni-card` `uni-section` `uni-scss` 等多个组件，直接拷贝示例代码将无法正常运行 。
请到 [组件下载页面](https://ext.dcloud.net.cn/plugin?name=uni-file-picker) ，在页面右侧选择 `使用 HBuilderX导入示例项目` ，体验完整组件示例。 请到 [组件下载页面](https://ext.dcloud.net.cn/plugin?name=uni-file-picker) ，在页面右侧选择 `使用 HBuilderX导入示例项目` ，体验完整组件示例。
::: :::
::: preview https://hellouniapp.dcloud.net.cn/pages/extUI/file-picker/file-picker ::: preview https://hellouniapp.dcloud.net.cn/pages/extUI/file-picker/file-picker
> Template > Template
``` html ``` html
<template> <template>
<view class="container"> <view class="container">
<uni-card :is-shadow="false" is-full> <uni-card :is-shadow="false" is-full>
...@@ -352,8 +352,8 @@ ...@@ -352,8 +352,8 @@
</view> </view>
</template> </template>
``` ```
> Script > Script
``` html ``` html
<script> <script>
export default { export default {
...@@ -380,15 +380,15 @@ ...@@ -380,15 +380,15 @@
} }
}, },
fileLists: [{ fileLists: [{
url: 'https://web-assets.dcloud.net.cn/unidoc/zh/shuijiao-small.jpg', url: 'https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/shuijiao-small.jpg',
extname: 'png', extname: 'png',
name: 'shuijiao.png' name: 'shuijiao.png'
}, { }, {
url: 'https://web-assets.dcloud.net.cn/unidoc/zh/shuijiao-small.jpg', url: 'https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/shuijiao-small.jpg',
extname: 'png', extname: 'png',
name: 'uniapp-logo.png' name: 'uniapp-logo.png'
}, { }, {
url: 'https://web-assets.dcloud.net.cn/unidoc/zh/shuijiao-small.jpg', url: 'https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/shuijiao-small.jpg',
extname: 'png', extname: 'png',
name: 'shuijiao.png' name: 'shuijiao.png'
}] }]
...@@ -399,8 +399,8 @@ ...@@ -399,8 +399,8 @@
} }
} }
</script> </script>
``` ```
> Style > Style
``` html ``` html
<style lang="scss"> <style lang="scss">
.example-body { .example-body {
...@@ -421,9 +421,9 @@ ...@@ -421,9 +421,9 @@
font-size: 14px; font-size: 14px;
color: #333; color: #333;
} }
</style> </style>
``` ```
::: :::
[完整示例演示](https://hellouniapp.dcloud.net.cn/pages/extUI/file-picker/file-picker) [完整示例演示](https://hellouniapp.dcloud.net.cn/pages/extUI/file-picker/file-picker)
\ No newline at end of file
docs/component/uniui/uni-icons.md
浏览文件 @ 6a735acf
...@@ -58,23 +58,23 @@ nvue 页面暂时不支持自定义图标，如需在 nvue 中使用 ，请自 ...@@ -58,23 +58,23 @@ nvue 页面暂时不支持自定义图标，如需在 nvue 中使用 ，请自
1. 访问 [阿里图标库](https://www.iconfont.cn/)，搜索图标并加入购物车： 1. 访问 [阿里图标库](https://www.iconfont.cn/)，搜索图标并加入购物车：
![搜索图标](https://web-assets.dcloud.net.cn/unidoc/zh/1.png) ![搜索图标](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/1.png)
2. 点击页面右上角购物车图标 ，点击`添加至项目`，如没有项目，需要点击下图第二步的图标添加一个项目目录，如已经有项目则可以略过第二步，选择项目后点击确定： 2. 点击页面右上角购物车图标 ，点击`添加至项目`，如没有项目，需要点击下图第二步的图标添加一个项目目录，如已经有项目则可以略过第二步，选择项目后点击确定：
![添加至项目](https://web-assets.dcloud.net.cn/unidoc/zh/2.png) ![添加至项目](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/2.png)
3. 确定后进入项目，点击项目设置 ，对图标库进行一些设置： 3. 确定后进入项目，点击项目设置 ，对图标库进行一些设置：
![编辑项目](https://web-assets.dcloud.net.cn/unidoc/zh/4.png) ![编辑项目](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/4.png)
4. 项目名称和项目描述根据自己需求填写， `fontClass` 是图标的前缀 ，需要传入组件`type`属性，`fontFamily` 是图标集名称，需要传入组件`custom-prefix` 属性，字体格式可以只勾选 `ttf`: 4. 项目名称和项目描述根据自己需求填写， `fontClass` 是图标的前缀 ，需要传入组件`type`属性，`fontFamily` 是图标集名称，需要传入组件`custom-prefix` 属性，字体格式可以只勾选 `ttf`:
![设置项目](https://web-assets.dcloud.net.cn/unidoc/zh/5.png) ![设置项目](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/5.png)
5. 点击保存后 ，可以下载图库库到本地： 5. 点击保存后 ，可以下载图库库到本地：
![下载图标库](https://web-assets.dcloud.net.cn/unidoc/zh/3.png) ![下载图标库](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/3.png)
6. 下载解压后，需要用到的文件暂时有两个 `iconfont.css`、`iconfont.ttf`: 6. 下载解压后，需要用到的文件暂时有两个 `iconfont.css`、`iconfont.ttf`:
![解压](https://web-assets.dcloud.net.cn/unidoc/zh/6.png) ![解压](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/6.png)
7. 将 `iconfont.ttf`、`iconfont.css` 放到项目根目录 `static` 下。 7. 将 `iconfont.ttf`、`iconfont.css` 放到项目根目录 `static` 下。
......
docs/component/uniui/uni-list.md
浏览文件 @ 6a735acf
...@@ -81,7 +81,7 @@ uni-list不包含下拉刷新和上拉翻页。上拉翻页另见组件：[uni-l ...@@ -81,7 +81,7 @@ uni-list不包含下拉刷新和上拉翻页。上拉翻页另见组件：[uni-l
```html ```html
<uni-list> <uni-list>
<uni-list-item title="列表左侧带略缩图" note="列表描述信息" thumb="https://web-assets.dcloud.net.cn/unidoc/zh/unicloudlogo.png" <uni-list-item title="列表左侧带略缩图" note="列表描述信息" thumb="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/unicloudlogo.png"
thumb-size="lg" rightText="右侧文字"></uni-list-item> thumb-size="lg" rightText="右侧文字"></uni-list-item>
<uni-list-item :show-extra-icon="true" :extra-icon="extraIcon1" title="列表左侧带扩展图标" ></uni-list-item> <uni-list-item :show-extra-icon="true" :extra-icon="extraIcon1" title="列表左侧带扩展图标" ></uni-list-item>
</uni-list> </uni-list>
...@@ -119,13 +119,13 @@ uni-list不包含下拉刷新和上拉翻页。上拉翻页另见组件：[uni-l ...@@ -119,13 +119,13 @@ uni-list不包含下拉刷新和上拉翻页。上拉翻页另见组件：[uni-l
<uni-list> <uni-list>
<uni-list :border="true"> <uni-list :border="true">
<!-- 显示圆形头像 --> <!-- 显示圆形头像 -->
<uni-list-chat :avatar-circle="true" title="uni-app" avatar="https://web-assets.dcloud.net.cn/unidoc/zh/unicloudlogo.png" note="您收到一条新的消息" time="2020-02-02 20:20" ></uni-list-chat> <uni-list-chat :avatar-circle="true" title="uni-app" avatar="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/unicloudlogo.png" note="您收到一条新的消息" time="2020-02-02 20:20" ></uni-list-chat>
<!-- 右侧带角标 --> <!-- 右侧带角标 -->
<uni-list-chat title="uni-app" avatar="https://web-assets.dcloud.net.cn/unidoc/zh/unicloudlogo.png" note="您收到一条新的消息" time="2020-02-02 20:20" badge-text="12"></uni-list-chat> <uni-list-chat title="uni-app" avatar="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/unicloudlogo.png" note="您收到一条新的消息" time="2020-02-02 20:20" badge-text="12"></uni-list-chat>
<!-- 头像显示圆点 --> <!-- 头像显示圆点 -->
<uni-list-chat title="uni-app" avatar="https://web-assets.dcloud.net.cn/unidoc/zh/unicloudlogo.png" note="您收到一条新的消息" time="2020-02-02 20:20" badge-positon="left" badge-text="dot"></uni-list-chat> <uni-list-chat title="uni-app" avatar="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/unicloudlogo.png" note="您收到一条新的消息" time="2020-02-02 20:20" badge-positon="left" badge-text="dot"></uni-list-chat>
<!-- 头像显示角标 --> <!-- 头像显示角标 -->
<uni-list-chat title="uni-app" avatar="https://web-assets.dcloud.net.cn/unidoc/zh/unicloudlogo.png" note="您收到一条新的消息" time="2020-02-02 20:20" badge-positon="left" badge-text="99"></uni-list-chat> <uni-list-chat title="uni-app" avatar="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/unicloudlogo.png" note="您收到一条新的消息" time="2020-02-02 20:20" badge-positon="left" badge-text="99"></uni-list-chat>
<!-- 显示多头像 --> <!-- 显示多头像 -->
<uni-list-chat title="uni-app" :avatar-list="avatarList" note="您收到一条新的消息" time="2020-02-02 20:20" badge-positon="left" badge-text="dot"></uni-list-chat> <uni-list-chat title="uni-app" :avatar-list="avatarList" note="您收到一条新的消息" time="2020-02-02 20:20" badge-positon="left" badge-text="dot"></uni-list-chat>
<!-- 自定义右侧内容 --> <!-- 自定义右侧内容 -->
...@@ -148,11 +148,11 @@ export default { ...@@ -148,11 +148,11 @@ export default {
data() { data() {
return { return {
avatarList: [{ avatarList: [{
url: 'https://web-assets.dcloud.net.cn/unidoc/zh/unicloudlogo.png' url: 'https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/unicloudlogo.png'
}, { }, {
url: 'https://web-assets.dcloud.net.cn/unidoc/zh/unicloudlogo.png' url: 'https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/unicloudlogo.png'
}, { }, {
url: 'https://web-assets.dcloud.net.cn/unidoc/zh/unicloudlogo.png' url: 'https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/unicloudlogo.png'
}] }]
} }
} }
...@@ -393,14 +393,14 @@ switchTab|同 uni.switchTab() ...@@ -393,14 +393,14 @@ switchTab|同 uni.switchTab()
<uni-list> <uni-list>
<uni-list-item :show-extra-icon="true" showArrow :extra-icon="extraIcon" title="列表左侧带扩展图标" /> <uni-list-item :show-extra-icon="true" showArrow :extra-icon="extraIcon" title="列表左侧带扩展图标" />
<uni-list-item title="列表左侧带略缩图" note="列表描述信息" showArrow <uni-list-item title="列表左侧带略缩图" note="列表描述信息" showArrow
thumb="https://web-assets.dcloud.net.cn/unidoc/zh/unicloudlogo.png" thumb="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/unicloudlogo.png"
thumb-size="sm" rightText="小图" /> thumb-size="sm" rightText="小图" />
<uni-list-item title="列表左侧带略缩图" note="列表描述信息" showArrow <uni-list-item title="列表左侧带略缩图" note="列表描述信息" showArrow
thumb="https://web-assets.dcloud.net.cn/unidoc/zh/unicloudlogo.png" thumb="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/unicloudlogo.png"
thumb-size="base" rightText="默认" /> thumb-size="base" rightText="默认" />
<uni-list-item title="列表左侧带略缩图" note="列表描述信息" showArrow <uni-list-item title="列表左侧带略缩图" note="列表描述信息" showArrow
thumb="https://web-assets.dcloud.net.cn/unidoc/zh/unicloudlogo.png" thumb="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/unicloudlogo.png"
thumb-size="lg" rightText="大图" /> thumb-size="lg" rightText="大图" />
</uni-list> </uni-list>
</uni-section> </uni-section>
...@@ -445,8 +445,8 @@ switchTab|同 uni.switchTab() ...@@ -445,8 +445,8 @@ switchTab|同 uni.switchTab()
components: {}, components: {},
data() { data() {
return { return {
cover: 'https://web-assets.dcloud.net.cn/unidoc/zh/shuijiao.jpg', cover: 'https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/shuijiao.jpg',
avatar: 'https://web-assets.dcloud.net.cn/unidoc/zh/unicloudlogo.png', avatar: 'https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/unicloudlogo.png',
extraIcon: { extraIcon: {
color: '#4cd964', color: '#4cd964',
size: '22', size: '22',
......
docs/component/uniui/uni-swiper-dot.md
浏览文件 @ 6a735acf
...@@ -150,17 +150,17 @@ export default { ...@@ -150,17 +150,17 @@ export default {
return { return {
info: [{ info: [{
colorClass: 'uni-bg-red', colorClass: 'uni-bg-red',
url: 'https://web-assets.dcloud.net.cn/unidoc/zh/shuijiao.jpg', url: 'https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/shuijiao.jpg',
content: '内容 A' content: '内容 A'
}, },
{ {
colorClass: 'uni-bg-green', colorClass: 'uni-bg-green',
url: 'https://web-assets.dcloud.net.cn/unidoc/zh/shuijiao.jpg', url: 'https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/shuijiao.jpg',
content: '内容 B' content: '内容 B'
}, },
{ {
colorClass: 'uni-bg-blue', colorClass: 'uni-bg-blue',
url: 'https://web-assets.dcloud.net.cn/unidoc/zh/shuijiao.jpg', url: 'https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/shuijiao.jpg',
content: '内容 C' content: '内容 C'
} }
], ],
......
docs/component/waterfall.md
浏览文件 @ 6a735acf
...@@ -35,7 +35,7 @@ app端nvue专用组件。 ...@@ -35,7 +35,7 @@ app端nvue专用组件。
- `<header>`：当 `<header>` 到达屏幕顶部时，吸附在屏幕顶部。 - `<header>`：当 `<header>` 到达屏幕顶部时，吸附在屏幕顶部。
- `<refresh>`：用于给列表添加下拉刷新的功能。 - `<refresh>`：用于给列表添加下拉刷新的功能。
- `<loading>`：`<loading>` 用法与特性和 `<refresh>` 类似，用于给列表添加上拉加载更多的功能。 - `<loading>`：`<loading>` 用法与特性和 `<refresh>` 类似，用于给列表添加上拉加载更多的功能。
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/app-nvue-component-waterfall-01.png" /> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/app-nvue-component-waterfall-01.png" />
#### 属性 #### 属性
...@@ -49,7 +49,7 @@ app端nvue专用组件。 ...@@ -49,7 +49,7 @@ app端nvue专用组件。
- column-gap: `[可选]`列与列的间隙. 如果指定了 `normal` ，则对应 32. - column-gap: `[可选]`列与列的间隙. 如果指定了 `normal` ，则对应 32.
- left-gap: `[可选]`左边cell和列表的间隙. 如果未指定 ，则对应 `0` - left-gap: `[可选]`左边cell和列表的间隙. 如果未指定 ，则对应 `0`
- right-gap: `[可选]`右边cell和列表的间隙. 如果未指定，则对应 `0` - right-gap: `[可选]`右边cell和列表的间隙. 如果未指定，则对应 `0`
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/app-nvue-component-waterfall-02.png" /> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/app-nvue-component-waterfall-02.png" />
- always-scrollable-vertical : `[可选]` 可选值为 true/ false，默认值为 false，iOS 平台，内容不满一屏无法触发下拉刷新时需要设置为true，因为默认子视图高度不超过父视图高度的时候 waterfall 不能滑动 - always-scrollable-vertical : `[可选]` 可选值为 true/ false，默认值为 false，iOS 平台，内容不满一屏无法触发下拉刷新时需要设置为true，因为默认子视图高度不超过父视图高度的时候 waterfall 不能滑动
其他支持的属性参见 `<list>` [组件属性部分](https://uniapp.dcloud.net.cn/component/list.html) 其他支持的属性参见 `<list>` [组件属性部分](https://uniapp.dcloud.net.cn/component/list.html)
......
docs/history.md
浏览文件 @ 6a735acf
...@@ -10,7 +10,7 @@ DCloud于2012年开始研发小程序技术，优化webview的功能和性能， ...@@ -10,7 +10,7 @@ DCloud于2012年开始研发小程序技术，优化webview的功能和性能，
360手机助手率先接入，在其3.4版本实现应用的秒开运行。 360手机助手率先接入，在其3.4版本实现应用的秒开运行。
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/pic-3.png" style="max-width:480px;"> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/pic-3.png" style="max-width:480px;">
随后DCloud推动大众点评、携程、京东、有道词典、唯品会等众多开发者为流应用平台提供应用。 随后DCloud推动大众点评、携程、京东、有道词典、唯品会等众多开发者为流应用平台提供应用。
......
docs/hybrid.md
浏览文件 @ 6a735acf
...@@ -17,7 +17,7 @@ ...@@ -17,7 +17,7 @@
- 方式3：原生开发的小程序仍保留，部分新功能使用uni-app开发。 - 方式3：原生开发的小程序仍保留，部分新功能使用uni-app开发。
* 使用发行为混合分包的功能 * 使用发行为混合分包的功能
+ 在 HBuilderX 3.1.0+ 中点击发行小程序的菜单，勾选发行混合分包，填写分包目录名称，打包后，将对应目录文件拷贝至已有小程序中，需要自己补充原小程序app.json中的页面或分包配置 + 在 HBuilderX 3.1.0+ 中点击发行小程序的菜单，勾选发行混合分包，填写分包目录名称，打包后，将对应目录文件拷贝至已有小程序中，需要自己补充原小程序app.json中的页面或分包配置
![](https://web-assets.dcloud.net.cn/unidoc/zh/mp-weixin-hybrid.jpg) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/mp-weixin-hybrid.jpg)
+ 在 cli 中，执行命令：`npm run build:mp-weixin -- --subpackage=sub1` 或 `yarn build:mp-weixin --subpackage=sub1` + 在 cli 中，执行命令：`npm run build:mp-weixin -- --subpackage=sub1` 或 `yarn build:mp-weixin --subpackage=sub1`
注意： 注意：
......
docs/m3w.md
浏览文件 @ 6a735acf
...@@ -21,14 +21,14 @@ App/小程序/网站做好后，如何告知你的用户？ ...@@ -21,14 +21,14 @@ App/小程序/网站做好后，如何告知你的用户？
- **PC宽屏** - **PC宽屏**
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/uni-portal-pc.png" style="max-width:800px !important"></img> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni-portal-pc.png" style="max-width:800px !important"></img>
- **手机窄屏** - **手机窄屏**
手机浏览器上，默认展示效果如下： 手机浏览器上，默认展示效果如下：
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/uni-portal-mobile.png" style="max-width:400px !important"></img> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni-portal-mobile.png" style="max-width:400px !important"></img>
`uni-portal`统一发布页同时会识别当前浏览器环境，在微信等特殊浏览器上，自动提示“点击右上角菜单，在浏览器中打开”，效果如下： `uni-portal`统一发布页同时会识别当前浏览器环境，在微信等特殊浏览器上，自动提示“点击右上角菜单，在浏览器中打开”，效果如下：
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/uni-portal-mp.jpg" style="max-width:400px !important"></img> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni-portal-mp.jpg" style="max-width:400px !important"></img>
\ No newline at end of file \ No newline at end of file
docs/matter.md
浏览文件 @ 6a735acf
...@@ -130,7 +130,7 @@ vue页面在App端的渲染引擎默认是系统webview（不是手机自带浏 ...@@ -130,7 +130,7 @@ vue页面在App端的渲染引擎默认是系统webview（不是手机自带浏
* H5 发布到服务器注意： * H5 发布到服务器注意：
1. 配置发行后的路径（发行在网站根目录可不配置），比如发行网站路径是 www.xxx.com/html5，在 `manifest.json` 文件内编辑 h5 节点，router 下增加 base 属性为 html5 1. 配置发行后的路径（发行在网站根目录可不配置），比如发行网站路径是 www.xxx.com/html5，在 `manifest.json` 文件内编辑 h5 节点，router 下增加 base 属性为 html5
<div> <div>
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/html5-a.png" width="500"> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/html5-a.png" width="500">
</div> </div>
2. 点击菜单 发行-> H5 2. 点击菜单 发行-> H5
3. 在当下项目下的 ``unpackage/dist/build/h5`` 目录找到出的资源，部署服务器（或者使用本地服务器预览），如需部署到相对路径（支持本地file协议打开）参考：https://ask.dcloud.net.cn/article/37432。 3. 在当下项目下的 ``unpackage/dist/build/h5`` 目录找到出的资源，部署服务器（或者使用本地服务器预览），如需部署到相对路径（支持本地file协议打开）参考：https://ask.dcloud.net.cn/article/37432。
......
docs/plugin/native-plugin.md
浏览文件 @ 6a735acf
...@@ -77,7 +77,7 @@ uni-app在App侧的原生扩展插件，支持使用java、object-c等原生语 ...@@ -77,7 +77,7 @@ uni-app在App侧的原生扩展插件，支持使用java、object-c等原生语
下载解压后目录结构如下： 下载解压后目录结构如下：
<img width="600px" src="https://web-assets.dcloud.net.cn/unidoc/zh/nativePlugin-1.png" /> <img width="600px" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/nativePlugin-1.png" />
- 方式二：开发者自己开发uni-app原生插件 - 方式二：开发者自己开发uni-app原生插件
...@@ -91,7 +91,7 @@ uni-app在App侧的原生扩展插件，支持使用java、object-c等原生语 ...@@ -91,7 +91,7 @@ uni-app在App侧的原生扩展插件，支持使用java、object-c等原生语
在manifest.json -> App原生插件配置 -> 选择本地插件 -> 选择需要打包生效的插件 -> 保存后提交云端打包生效。 在manifest.json -> App原生插件配置 -> 选择本地插件 -> 选择需要打包生效的插件 -> 保存后提交云端打包生效。
<img width="600px" src="https://web-assets.dcloud.net.cn/unidoc/zh/nativePlugin-2.png" /> <img width="600px" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/nativePlugin-2.png" />
##### 第三步：开发调试本地原生插件 ##### 第三步：开发调试本地原生插件
在vue页面或nvue页面引入这个原生插件。 在vue页面或nvue页面引入这个原生插件。
...@@ -122,7 +122,7 @@ uni-app在App侧的原生扩展插件，支持使用java、object-c等原生语 ...@@ -122,7 +122,7 @@ uni-app在App侧的原生扩展插件，支持使用java、object-c等原生语
##### 第二步：使用自定义基座打包uni原生插件 （注：请使用真机运行自定义基座） ##### 第二步：使用自定义基座打包uni原生插件 （注：请使用真机运行自定义基座）
在manifest.json -> App原生插件配置 -> 选择云端插件 -> 选择需要打包的插件 -> 保存后提交云端打包生效。 在manifest.json -> App原生插件配置 -> 选择云端插件 -> 选择需要打包的插件 -> 保存后提交云端打包生效。
<img width="600px" src="https://web-assets.dcloud.net.cn/unidoc/zh/nativePlugin-3.png" /> <img width="600px" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/nativePlugin-3.png" />
##### 第三步：开发调试uni-app原生插件 ##### 第三步：开发调试uni-app原生插件
......
docs/plugin/sell.md
浏览文件 @ 6a735acf
...@@ -18,7 +18,7 @@ ...@@ -18,7 +18,7 @@
插件作者在发布uniCloud插件、uts/原生插件时，可自定义售卖价格及形式，见下图： 插件作者在发布uniCloud插件、uts/原生插件时，可自定义售卖价格及形式，见下图：
![](https://web-assets.dcloud.net.cn/unidoc/zh/marketplace-publish-set-price.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/marketplace-publish-set-price.png)
如未设置价格，则默认为免费插件，所有用户均可免费下载使用； 如未设置价格，则默认为免费插件，所有用户均可免费下载使用；
...@@ -45,12 +45,12 @@ DCloud为所有销售插件提供了试用机制，允许购买者先试用后 ...@@ -45,12 +45,12 @@ DCloud为所有销售插件提供了试用机制，允许购买者先试用后
用户购买插件后，插件作者可以在[销售订单列表](https://ext.dcloud.net.cn/order?pluginId=0&status=10)中查看订单流水： 用户购买插件后，插件作者可以在[销售订单列表](https://ext.dcloud.net.cn/order?pluginId=0&status=10)中查看订单流水：
![](https://web-assets.dcloud.net.cn/unidoc/zh/marketplace-order-list-new.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/marketplace-order-list-new.png)
uniCloud源码授权版需在用户及插件作者双方签署合同后方可购买，合同签署采用`e签宝`线上进行签署，具体流程参见[e签宝介绍](https://ask.dcloud.net.cn/article/37878)。 uniCloud源码授权版需在用户及插件作者双方签署合同后方可购买，合同签署采用`e签宝`线上进行签署，具体流程参见[e签宝介绍](https://ask.dcloud.net.cn/article/37878)。
插件收益分为用户付费收益（插件销售、赞赏收益）和广告收益。每天凌晨，系统会自动统计前一天产生的用户付费收益，并于当天下午2：00后统计前一天产生的广告预估收益（可能会有相应的延迟），广告预估收益仅作为参考，实际收益以插件市场后台“付款”栏目提供的月度账单为准。插件作者可登录插件市场后台，查看每天的收益明细。 插件收益分为用户付费收益（插件销售、赞赏收益）和广告收益。每天凌晨，系统会自动统计前一天产生的用户付费收益，并于当天下午2：00后统计前一天产生的广告预估收益（可能会有相应的延迟），广告预估收益仅作为参考，实际收益以插件市场后台“付款”栏目提供的月度账单为准。插件作者可登录插件市场后台，查看每天的收益明细。
![](https://web-assets.dcloud.net.cn/unidoc/zh/marketplace-report-list-new-1.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/marketplace-report-list-new-1.png)
`Tips：` 好的插件及更好的售后会增加用户打赏的积极性！ `Tips：` 好的插件及更好的售后会增加用户打赏的积极性！
...@@ -58,17 +58,17 @@ uniCloud源码授权版需在用户及插件作者双方签署合同后方可购 ...@@ -58,17 +58,17 @@ uniCloud源码授权版需在用户及插件作者双方签署合同后方可购
DCloud插件市场在每月1日出上月的月度账单，月度账单包含上月的用户付费收益（包括插件销售、赞赏收益）及上上月的广告收益，待提现的账单累计金额达到100元以上时可提现，如有多笔待提现账单可针对多笔账单进行合并提现。插件作者可登录插件市场后台，查看[月度账单](https://ext.dcloud.net.cn/manage/payment)： DCloud插件市场在每月1日出上月的月度账单，月度账单包含上月的用户付费收益（包括插件销售、赞赏收益）及上上月的广告收益，待提现的账单累计金额达到100元以上时可提现，如有多笔待提现账单可针对多笔账单进行合并提现。插件作者可登录插件市场后台，查看[月度账单](https://ext.dcloud.net.cn/manage/payment)：
![](https://web-assets.dcloud.net.cn/unidoc/zh/marketplace-bill-list.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/marketplace-bill-list.png)
DCloud会收取付费插件和赞赏账单金额的15%做为服务费，然后将剩余款项支付给插件作者，具体参见[插件作者协议](https://ext.dcloud.net.cn/manage/profile)。 DCloud会收取付费插件和赞赏账单金额的15%做为服务费，然后将剩余款项支付给插件作者，具体参见[插件作者协议](https://ext.dcloud.net.cn/manage/profile)。
申请提现后，如果账号认证为企业认证，提供发票的途径有线下邮寄和电子发票上传功能，插件作者可在[提现记录](https://ext.dcloud.net.cn/manage/payment-detail)中自行上传，电子发票只支持`pdf格式`： 申请提现后，如果账号认证为企业认证，提供发票的途径有线下邮寄和电子发票上传功能，插件作者可在[提现记录](https://ext.dcloud.net.cn/manage/payment-detail)中自行上传，电子发票只支持`pdf格式`：
![](https://web-assets.dcloud.net.cn/unidoc/zh/marketplace-cash-list.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/marketplace-cash-list.png)
企业级插件作者开票信息及付款规则如下： 企业级插件作者开票信息及付款规则如下：
![](https://web-assets.dcloud.net.cn/unidoc/zh/marketplace-pay-rules-01.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/marketplace-pay-rules-01.png)
`Tips：`为了不影响收益打款，请插件作者在月初尽快提供发票，并完善[财务信息](https://dev.dcloud.net.cn/pages/user/finance) `Tips：`为了不影响收益打款，请插件作者在月初尽快提供发票，并完善[财务信息](https://dev.dcloud.net.cn/pages/user/finance)
......
docs/plugin/uni_modules.md
浏览文件 @ 6a735acf
...@@ -71,7 +71,7 @@ uni_modules 项目根目录下 ...@@ -71,7 +71,7 @@ uni_modules 项目根目录下
如下图，项目中有一个`uni_modules`名为`uni-config-center`，它下面包含了名为`uni-config-center`的公共模块。所以在项目根目录的公共模块目录common下，也会多出一个`uni-config-center`。 如下图，项目中有一个`uni_modules`名为`uni-config-center`，它下面包含了名为`uni-config-center`的公共模块。所以在项目根目录的公共模块目录common下，也会多出一个`uni-config-center`。
![](https://web-assets.dcloud.net.cn/unidoc/zh/uni_modules.jpg) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni_modules.jpg)
HBuilderX 中打开配有引用图标指示的文件，会打开原始地址。 HBuilderX 中打开配有引用图标指示的文件，会打开原始地址。
...@@ -79,9 +79,9 @@ HBuilderX 中打开配有引用图标指示的文件，会打开原始地址。 ...@@ -79,9 +79,9 @@ HBuilderX 中打开配有引用图标指示的文件，会打开原始地址。
#### 下载uni_modules插件 #### 下载uni_modules插件
1. 在[插件市场](https://ext.dcloud.net.cn/)查找uni_modules插件 1. 在[插件市场](https://ext.dcloud.net.cn/)查找uni_modules插件
2. 在插件详情页,右侧会标明该插件是否支持uni_modules，点击`使用 HBuilderX 导入插件` 2. 在插件详情页,右侧会标明该插件是否支持uni_modules，点击`使用 HBuilderX 导入插件`
![](https://web-assets.dcloud.net.cn/unidoc/zh/import_uni_modules.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/import_uni_modules.png)
3. 选择要导入的uni-app项目 3. 选择要导入的uni-app项目
![](https://web-assets.dcloud.net.cn/unidoc/zh/import_uni_modules_dialog.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/import_uni_modules_dialog.png)
**Tips** **Tips**
- uni_modules支持组件easycom，使用者可以直接使用插件内符合easycom规范的组件 - uni_modules支持组件easycom，使用者可以直接使用插件内符合easycom规范的组件
...@@ -96,12 +96,12 @@ import {test} from '@/uni_modules/xx-yy/js_sdk/test.js' ...@@ -96,12 +96,12 @@ import {test} from '@/uni_modules/xx-yy/js_sdk/test.js'
#### 安装uni_modules插件依赖 #### 安装uni_modules插件依赖
1. 导入插件时，HBuilderX会自动安装当前插件的所有三方依赖。 1. 导入插件时，HBuilderX会自动安装当前插件的所有三方依赖。
2. 您还可以在插件目录右键手动执行`安装插件三方依赖` 2. 您还可以在插件目录右键手动执行`安装插件三方依赖`
![](https://web-assets.dcloud.net.cn/unidoc/zh/deps_uni_modules.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/deps_uni_modules.png)
#### 更新uni_modules插件 #### 更新uni_modules插件
1. 可以通过插件目录右键`从插件市场更新`，来检查更新当前所使用的插件 1. 可以通过插件目录右键`从插件市场更新`，来检查更新当前所使用的插件
![](https://web-assets.dcloud.net.cn/unidoc/zh/check_uni_modules.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/check_uni_modules.png)
2. 对比插件，确认更新内容 2. 对比插件，确认更新内容
![](https://web-assets.dcloud.net.cn/unidoc/zh/compare_uni_modules.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/compare_uni_modules.png)
#### 卸载uni_modules插件 #### 卸载uni_modules插件
uni_modules插件目录是独立存在的，如果您不再需要该插件，可以直接删除该插件目录。 uni_modules插件目录是独立存在的，如果您不再需要该插件，可以直接删除该插件目录。
...@@ -302,7 +302,7 @@ package-lock.json ...@@ -302,7 +302,7 @@ package-lock.json
完整的pages参数[详情查看](https://uniapp.dcloud.io/collocation/pages.html#pages) 完整的pages参数[详情查看](https://uniapp.dcloud.io/collocation/pages.html#pages)
HBuilderX中合并路由界面效果图： HBuilderX中合并路由界面效果图：
![](https://web-assets.dcloud.net.cn/unidoc/zh/A8353295-395A-41A1-AF20-A012A2101079.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/A8353295-395A-41A1-AF20-A012A2101079.png)
**注意** **注意**
- `pages_init.json`文件最终不会导入到工程中。 - `pages_init.json`文件最终不会导入到工程中。
...@@ -313,7 +313,7 @@ HBuilderX中合并路由界面效果图： ...@@ -313,7 +313,7 @@ HBuilderX中合并路由界面效果图：
#### 新建uni_modules目录 #### 新建uni_modules目录
在uni-app项目根目录下，创建uni_modules目录，在HBuilderX中可以项目右键菜单中点击`新建uni_modules目录` 在uni-app项目根目录下，创建uni_modules目录，在HBuilderX中可以项目右键菜单中点击`新建uni_modules目录`
![](https://web-assets.dcloud.net.cn/unidoc/zh/mkdir_uni_modules.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/mkdir_uni_modules.png)
**Tips:** **Tips:**
- 如果是vue-cli项目，uni_modules目录，位于`src`下，即`src/uni_modules` - 如果是vue-cli项目，uni_modules目录，位于`src`下，即`src/uni_modules`
...@@ -321,11 +321,11 @@ HBuilderX中合并路由界面效果图： ...@@ -321,11 +321,11 @@ HBuilderX中合并路由界面效果图：
#### 新建uni_modules插件 #### 新建uni_modules插件
1. 在HBuilderX中uni_modules目录右键点击`新建uni_modules插件` 1. 在HBuilderX中uni_modules目录右键点击`新建uni_modules插件`
![](https://web-assets.dcloud.net.cn/unidoc/zh/create_uni_modules.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/create_uni_modules.png)
2. 填写正确的插件ID，选择插件分类 2. 填写正确的插件ID，选择插件分类
![](https://web-assets.dcloud.net.cn/unidoc/zh/create_uni_modules_dialog.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/create_uni_modules_dialog.png)
插件ID命名规范： 插件ID命名规范：
- 格式为：'作者ID-插件英文名称'，示例：'xx-yy'，其中作者ID和插件英文名称只能包含英文、数字 - 格式为：'作者ID-插件英文名称'，示例：'xx-yy'，其中作者ID和插件英文名称只能包含英文、数字
...@@ -341,9 +341,9 @@ HBuilderX中合并路由界面效果图： ...@@ -341,9 +341,9 @@ HBuilderX中合并路由界面效果图：
发布流程： 发布流程：
1. 在HBuilderX中插件目录右键点击`发布到插件市场` 1. 在HBuilderX中插件目录右键点击`发布到插件市场`
![](https://web-assets.dcloud.net.cn/unidoc/zh/upload_uni_modules.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/upload_uni_modules.png)
2. 填写插件信息 2. 填写插件信息
![](https://web-assets.dcloud.net.cn/unidoc/zh/upload_uni_modules_dialog.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/upload_uni_modules_dialog.png)
**Tips** **Tips**
- 如果需要发布为项目模板，请在项目根目录创建package.json，然后右键菜单发布到插件市场。 - 如果需要发布为项目模板，请在项目根目录创建package.json，然后右键菜单发布到插件市场。
- 发布插件时，可以选择上传当前项目作为示例工程，完整的示例工程，可以方便用户快速上手。 - 发布插件时，可以选择上传当前项目作为示例工程，完整的示例工程，可以方便用户快速上手。
...@@ -351,9 +351,9 @@ HBuilderX中合并路由界面效果图： ...@@ -351,9 +351,9 @@ HBuilderX中合并路由界面效果图：
当您的插件发布到插件市场后，如果需要调整插件市场上的一些基本信息，比如插件中文名称，描述，关键词，readme.md等，可以直接在插件目录右键`修改插件基本信息` 当您的插件发布到插件市场后，如果需要调整插件市场上的一些基本信息，比如插件中文名称，描述，关键词，readme.md等，可以直接在插件目录右键`修改插件基本信息`
1. 在HBuilderX中插件目录右键点击`修改插件基本信息` 1. 在HBuilderX中插件目录右键点击`修改插件基本信息`
![](https://web-assets.dcloud.net.cn/unidoc/zh/update_uni_modules.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/update_uni_modules.png)
2. 修改插件基本信息 2. 修改插件基本信息
![](https://web-assets.dcloud.net.cn/unidoc/zh/update_uni_modules_dialog.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/update_uni_modules_dialog.png)
#### 发布新版本 #### 发布新版本
当您的插件增加了新的功能或修复了Bug，需要发布新版本时，操作与第一次发布一样，可以直接在插件目录右键`发布到插件市场` 当您的插件增加了新的功能或修复了Bug，需要发布新版本时，操作与第一次发布一样，可以直接在插件目录右键`发布到插件市场`
...@@ -379,4 +379,4 @@ HBuilderX中合并路由界面效果图： ...@@ -379,4 +379,4 @@ HBuilderX中合并路由界面效果图：
- 插件文档，迁移至插件根目录的readme.md中 - 插件文档，迁移至插件根目录的readme.md中
- 右键package.json，点击`发布到插件市场`，选择分类，填写插件信息（尽可能与插件市场已有信息保持一致） - 右键package.json，点击`发布到插件市场`，选择分类，填写插件信息（尽可能与插件市场已有信息保持一致）
- 发布成功后，您可以在插件市场的插件详情页右侧，查看到您的插件已同时提供了`uni_modules`版本和非`uni_modules`版本（仅保留最后一个非`uni_modules`版本） - 发布成功后，您可以在插件市场的插件详情页右侧，查看到您的插件已同时提供了`uni_modules`版本和非`uni_modules`版本（仅保留最后一个非`uni_modules`版本）
![](https://web-assets.dcloud.net.cn/unidoc/zh/ext_uni_modules.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/ext_uni_modules.png)
docs/quickstart-hx.md
浏览文件 @ 6a735acf
...@@ -14,7 +14,7 @@ HBuilderX是通用的前端开发工具，但为`uni-app`做了特别强化。 ...@@ -14,7 +14,7 @@ HBuilderX是通用的前端开发工具，但为`uni-app`做了特别强化。
在点击工具栏里的文件 -> 新建 -> 项目（快捷键`Ctrl+N`）： 在点击工具栏里的文件 -> 新建 -> 项目（快捷键`Ctrl+N`）：
<div align=center> <div align=center>
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/hx-create-01.png"/> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/hx-create-01.png"/>
</div> </div>
选择`uni-app`类型，输入工程名，选择模板，点击创建，即可成功创建。 选择`uni-app`类型，输入工程名，选择模板，点击创建，即可成功创建。
...@@ -22,7 +22,7 @@ HBuilderX是通用的前端开发工具，但为`uni-app`做了特别强化。 ...@@ -22,7 +22,7 @@ HBuilderX是通用的前端开发工具，但为`uni-app`做了特别强化。
uni-app自带的模板有 默认的空项目模板、Hello uni-app 官方组件和API示例，还有一个重要模板是 uni ui项目模板，日常开发推荐使用该模板，已内置大量常用组件。 uni-app自带的模板有 默认的空项目模板、Hello uni-app 官方组件和API示例，还有一个重要模板是 uni ui项目模板，日常开发推荐使用该模板，已内置大量常用组件。
<div align=center> <div align=center>
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/create-uniapp.jpg"/> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/create-uniapp.jpg"/>
</div> </div>
...@@ -37,12 +37,12 @@ uni-app自带的模板有 默认的空项目模板、Hello uni-app 官方组件 ...@@ -37,12 +37,12 @@ uni-app自带的模板有 默认的空项目模板、Hello uni-app 官方组件
1. 浏览器运行：进入hello-uniapp项目，点击工具栏的运行 -> 运行到浏览器 -> 选择浏览器，即可体验 uni-app 的 web 版。 1. 浏览器运行：进入hello-uniapp项目，点击工具栏的运行 -> 运行到浏览器 -> 选择浏览器，即可体验 uni-app 的 web 版。
<div align=center> <div align=center>
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/menurun.png"/> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/menurun.png"/>
</div> </div>
2. 运行App到手机或模拟器：使用电压足够的usb端口连接手机，设置中开启USB调试，手机上允许电脑设备调试手机，进入hello-uniapp项目，点击工具栏的运行 -> 运行App到手机或模拟器，即可在该设备里面体验uni-app。 2. 运行App到手机或模拟器：使用电压足够的usb端口连接手机，设置中开启USB调试，手机上允许电脑设备调试手机，进入hello-uniapp项目，点击工具栏的运行 -> 运行App到手机或模拟器，即可在该设备里面体验uni-app。
<div align=center> <div align=center>
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/menurunapp.png"/> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/menurunapp.png"/>
</div> </div>
- 如手机或模拟器无法识别，请点击[常见故障排查指南](https://uniapp.dcloud.net.cn/tutorial/run/run-app-faq.html)。 - 如手机或模拟器无法识别，请点击[常见故障排查指南](https://uniapp.dcloud.net.cn/tutorial/run/run-app-faq.html)。
...@@ -51,13 +51,13 @@ uni-app自带的模板有 默认的空项目模板、Hello uni-app 官方组件 ...@@ -51,13 +51,13 @@ uni-app自带的模板有 默认的空项目模板、Hello uni-app 官方组件
3. 在微信开发者工具里运行：进入hello-uniapp项目，点击工具栏的运行 -> 运行到小程序模拟器 -> 微信开发者工具，即可在微信开发者工具里面体验uni-app。 3. 在微信开发者工具里运行：进入hello-uniapp项目，点击工具栏的运行 -> 运行到小程序模拟器 -> 微信开发者工具，即可在微信开发者工具里面体验uni-app。
<br/> <br/>
<div align=center> <div align=center>
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/menurunminiapp.png"/> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/menurunminiapp.png"/>
</div> </div>
**注意**：如果是第一次使用，需要先配置小程序ide的相关路径，才能运行成功。如下图，需在输入框输入微信开发者工具的安装路径。 **注意**：如果是第一次使用，需要先配置小程序ide的相关路径，才能运行成功。如下图，需在输入框输入微信开发者工具的安装路径。
<br/> <br/>
<div align=center> <div align=center>
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/weixin-setting.png"/> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/weixin-setting.png"/>
</div> </div>
**注意**：微信开发者工具需要开启服务端口 在微信工具的设置->安全中。 **注意**：微信开发者工具需要开启服务端口 在微信工具的设置->安全中。
...@@ -65,7 +65,7 @@ uni-app自带的模板有 默认的空项目模板、Hello uni-app 官方组件 ...@@ -65,7 +65,7 @@ uni-app自带的模板有 默认的空项目模板、Hello uni-app 官方组件
4. 在支付宝小程序开发者工具里运行：进入hello-uniapp项目，点击工具栏的运行 -> 运行到小程序模拟器 -> 支付宝小程序开发者工具，即可在支付宝小程序开发者工具里面体验uni-app。 4. 在支付宝小程序开发者工具里运行：进入hello-uniapp项目，点击工具栏的运行 -> 运行到小程序模拟器 -> 支付宝小程序开发者工具，即可在支付宝小程序开发者工具里面体验uni-app。
<br/> <br/>
<div align=center> <div align=center>
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/run-ali.png"/> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/run-ali.png"/>
</div> </div>
5. 在百度、字节跳动、QQ、快应用（分联盟和华为）、快手、飞书、360、京东等小程序开发工具里运行：内容同上，不再重复。 5. 在百度、字节跳动、QQ、快应用（分联盟和华为）、快手、飞书、360、京东等小程序开发工具里运行：内容同上，不再重复。
...@@ -81,7 +81,7 @@ uni-app自带的模板有 默认的空项目模板、Hello uni-app 官方组件 ...@@ -81,7 +81,7 @@ uni-app自带的模板有 默认的空项目模板、Hello uni-app 官方组件
HBuilderX 还提供了快捷运行菜单，可以按数字快速选择要运行的设备： HBuilderX 还提供了快捷运行菜单，可以按数字快速选择要运行的设备：
<div align=center> <div align=center>
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/runtool.png"/> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/runtool.png"/>
</div> </div>
如需调试，可参考：[uni-app调试](tutorial/run-and-debug.md) 如需调试，可参考：[uni-app调试](tutorial/run-and-debug.md)
...@@ -93,11 +93,11 @@ HBuilderX 还提供了快捷运行菜单，可以按数字快速选择要运行 ...@@ -93,11 +93,11 @@ HBuilderX 还提供了快捷运行菜单，可以按数字快速选择要运行
在HBuilderX工具栏，点击发行，选择原生app-云端打包，如下图： 在HBuilderX工具栏，点击发行，选择原生app-云端打包，如下图：
<div align=center> <div align=center>
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/uni20190222-11.png"/> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni20190222-11.png"/>
</div> </div>
出现如下界面，点击打包即可。 出现如下界面，点击打包即可。
<div align=center> <div align=center>
<img style="max-width:600px;" src="https://web-assets.dcloud.net.cn/unidoc/zh/uni-pack-cloud.png"/> <img style="max-width:600px;" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni-pack-cloud.png"/>
</div> </div>
云端打包支持安心打包，保护用户隐私，不会上传代码和证书，通过差量包制作方式实现安心打包。详见：[https://ask.dcloud.net.cn/article/37979](https://ask.dcloud.net.cn/article/37979) 云端打包支持安心打包，保护用户隐私，不会上传代码和证书，通过差量包制作方式实现安心打包。详见：[https://ask.dcloud.net.cn/article/37979](https://ask.dcloud.net.cn/article/37979)
...@@ -115,16 +115,16 @@ iOS App打包需要向Apple申请证书。 ...@@ -115,16 +115,16 @@ iOS App打包需要向Apple申请证书。
1. 在 ``manifest.json`` 的可视化界面，进行如下配置（发行在网站根目录可不配置应用基本路径），此时发行网站路径是 www.xxx.com/h5，如：[https://hellouniapp.dcloud.net.cn](https://hellouniapp.dcloud.net.cn)。 1. 在 ``manifest.json`` 的可视化界面，进行如下配置（发行在网站根目录可不配置应用基本路径），此时发行网站路径是 www.xxx.com/h5，如：[https://hellouniapp.dcloud.net.cn](https://hellouniapp.dcloud.net.cn)。
<div align=center> <div align=center>
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/build-h5-1.png" style="max-width:600px;height:auto;"/> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/build-h5-1.png" style="max-width:600px;height:auto;"/>
</div> </div>
2. 在HBuilderX工具栏，点击发行，选择网站-H5手机版，如下图，点击即可生成 H5 的相关资源文件，保存于 unpackage 目录。 2. 在HBuilderX工具栏，点击发行，选择网站-H5手机版，如下图，点击即可生成 H5 的相关资源文件，保存于 unpackage 目录。
<div align=center> <div align=center>
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/uni20190222-10.png" style="max-width:600px;height:auto;"/> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni20190222-10.png" style="max-width:600px;height:auto;"/>
</div> </div>
<div align=center> <div align=center>
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/buildweb.png"/> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/buildweb.png"/>
</div> </div>
**注意** **注意**
...@@ -138,7 +138,7 @@ iOS App打包需要向Apple申请证书。 ...@@ -138,7 +138,7 @@ iOS App打包需要向Apple申请证书。
1. 申请微信小程序AppID，参考：[微信教程](https://developers.weixin.qq.com/miniprogram/dev/framework/quickstart/getstart.html#%E7%94%B3%E8%AF%B7%E5%B8%90%E5%8F%B7)。 1. 申请微信小程序AppID，参考：[微信教程](https://developers.weixin.qq.com/miniprogram/dev/framework/quickstart/getstart.html#%E7%94%B3%E8%AF%B7%E5%B8%90%E5%8F%B7)。
2. 在HBuilderX中顶部菜单依次点击 "发行" => "小程序-微信"，输入小程序名称和appid点击发行即可 2. 在HBuilderX中顶部菜单依次点击 "发行" => "小程序-微信"，输入小程序名称和appid点击发行即可
<div align=center> <div align=center>
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/buildmpweixin.png"/> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/buildmpweixin.png"/>
</div> </div>
如果手动发行，则点击发行按钮后，会在项目的目录 ``unpackage/dist/build/mp-weixin`` 生成微信小程序项目代码。在微信小程序开发者工具中，导入生成的微信小程序项目，测试项目代码运行正常后，点击“上传”按钮，之后按照 “提交审核” => “发布” 小程序标准流程，逐步操作即可，详细查看：[微信官方教程](https://developers.weixin.qq.com/miniprogram/dev/framework/quickstart/release.html#%E5%8F%91%E5%B8%83%E4%B8%8A%E7%BA%BF)。 如果手动发行，则点击发行按钮后，会在项目的目录 ``unpackage/dist/build/mp-weixin`` 生成微信小程序项目代码。在微信小程序开发者工具中，导入生成的微信小程序项目，测试项目代码运行正常后，点击“上传”按钮，之后按照 “提交审核” => “发布” 小程序标准流程，逐步操作即可，详细查看：[微信官方教程](https://developers.weixin.qq.com/miniprogram/dev/framework/quickstart/release.html#%E5%8F%91%E5%B8%83%E4%B8%8A%E7%BA%BF)。
...@@ -149,7 +149,7 @@ iOS App打包需要向Apple申请证书。 ...@@ -149,7 +149,7 @@ iOS App打包需要向Apple申请证书。
4. 入驻小程序并申请百度小程序AppID，参考：[百度小程序教程](https://smartprogram.baidu.com/docs/introduction/enter_application/)。 4. 入驻小程序并申请百度小程序AppID，参考：[百度小程序教程](https://smartprogram.baidu.com/docs/introduction/enter_application/)。
5. 在HBuilderX中顶部菜单依次点击 "发行" => "小程序-百度"，输入小程序名称和appid点击发行即可在 ``/unpackage/dist/build/mp-baidu`` 生成百度小程序项目代码。 5. 在HBuilderX中顶部菜单依次点击 "发行" => "小程序-百度"，输入小程序名称和appid点击发行即可在 ``/unpackage/dist/build/mp-baidu`` 生成百度小程序项目代码。
<div align=center> <div align=center>
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/uni20190222-7.png"/> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni20190222-7.png"/>
</div> </div>
3. 在百度小程序开发者工具中，导入生成的百度小程序项目，测试项目代码运行正常后，点击“上传”按钮上传代码，之后在百度小程序的 [管理中心](https://smartprogram.baidu.com/developer/applist.html) 选择创建的应用点击前往发布，选择对应的版本然后提交审核。 3. 在百度小程序开发者工具中，导入生成的百度小程序项目，测试项目代码运行正常后，点击“上传”按钮上传代码，之后在百度小程序的 [管理中心](https://smartprogram.baidu.com/developer/applist.html) 选择创建的应用点击前往发布，选择对应的版本然后提交审核。
...@@ -158,7 +158,7 @@ iOS App打包需要向Apple申请证书。 ...@@ -158,7 +158,7 @@ iOS App打包需要向Apple申请证书。
4. 入驻支付宝小程序，参考：[支付宝小程序教程](https://docs.alipay.com/mini/introduce)。 4. 入驻支付宝小程序，参考：[支付宝小程序教程](https://docs.alipay.com/mini/introduce)。
5. 在HBuilderX中顶部菜单依次点击 "发行" => "小程序-支付宝"，即可在 ``/unpackage/dist/build/mp-alipay`` 生成支付宝小程序项目代码。 5. 在HBuilderX中顶部菜单依次点击 "发行" => "小程序-支付宝"，即可在 ``/unpackage/dist/build/mp-alipay`` 生成支付宝小程序项目代码。
<div align=center> <div align=center>
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/uni20190222-8.png"/> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni20190222-8.png"/>
</div> </div>
3. 在支付宝小程序开发者工具中，导入生成的支付宝小程序项目，测试项目代码运行正常后，点击“上传”按钮上传代码，在 [支付宝小程序后台](https://open.alipay.com/platform/mini.htm#/app)，选择刚提交的版本点击提交审核，详见：[支付宝小程序文档](https://docs.alipay.com/mini/developer/publish)。 3. 在支付宝小程序开发者工具中，导入生成的支付宝小程序项目，测试项目代码运行正常后，点击“上传”按钮上传代码，在 [支付宝小程序后台](https://open.alipay.com/platform/mini.htm#/app)，选择刚提交的版本点击提交审核，详见：[支付宝小程序文档](https://docs.alipay.com/mini/developer/publish)。
...@@ -167,7 +167,7 @@ iOS App打包需要向Apple申请证书。 ...@@ -167,7 +167,7 @@ iOS App打包需要向Apple申请证书。
1. 入驻字节跳动小程序，参考：[字节跳动小程序教程](https://developer.open-douyin.com/docs/resource/zh-CN/developer/join/register)。 1. 入驻字节跳动小程序，参考：[字节跳动小程序教程](https://developer.open-douyin.com/docs/resource/zh-CN/developer/join/register)。
2. 在HBuilderX中顶部菜单依次点击 "发行" => "小程序-字节跳动"，即可在 ``/unpackage/dist/build/mp-toutiao`` 生成字节跳动小程序项目代码。 2. 在HBuilderX中顶部菜单依次点击 "发行" => "小程序-字节跳动"，即可在 ``/unpackage/dist/build/mp-toutiao`` 生成字节跳动小程序项目代码。
<div align=center> <div align=center>
<img style="max-width:300px;" src="https://web-assets.dcloud.net.cn/unidoc/zh/zjdance.jpg"/> <img style="max-width:300px;" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/zjdance.jpg"/>
</div> </div>
3. 在字节跳动小程序开发者工具中，导入生成的字节跳动小程序项目，测试项目代码运行正常后，点击“上传”按钮上传代码，在 [字节跳动小程序后台](https://microapp.bytedance.com/applist)，选择刚提交的版本点击提交审核，详见：[字节跳动小程序文档](https://developer.open-douyin.com/docs/resource/zh-CN/mini-app/develop/guide/release/package-audit/)。 3. 在字节跳动小程序开发者工具中，导入生成的字节跳动小程序项目，测试项目代码运行正常后，点击“上传”按钮上传代码，在 [字节跳动小程序后台](https://microapp.bytedance.com/applist)，选择刚提交的版本点击提交审核，详见：[字节跳动小程序文档](https://developer.open-douyin.com/docs/resource/zh-CN/mini-app/develop/guide/release/package-audit/)。
...@@ -175,7 +175,7 @@ iOS App打包需要向Apple申请证书。 ...@@ -175,7 +175,7 @@ iOS App打包需要向Apple申请证书。
4. 入驻360小程序，参考：[360小程序教程](https://mp.360.cn/doc/miniprogram/dev/#/)。 4. 入驻360小程序，参考：[360小程序教程](https://mp.360.cn/doc/miniprogram/dev/#/)。
5. 在HBuilderX中顶部菜单依次点击 "发行" => "小程序-360"，即可在 ``/unpackage/dist/build/mp-360`` 生成360小程序项目代码。 5. 在HBuilderX中顶部菜单依次点击 "发行" => "小程序-360"，即可在 ``/unpackage/dist/build/mp-360`` 生成360小程序项目代码。
<div align=center> <div align=center>
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/uni-app-release-mp-360.png"/> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni-app-release-mp-360.png"/>
</div> </div>
6. 在360浏览器中，导入生成的360小程序项目 6. 在360浏览器中，导入生成的360小程序项目
...@@ -187,7 +187,7 @@ iOS App打包需要向Apple申请证书。 ...@@ -187,7 +187,7 @@ iOS App打包需要向Apple申请证书。
1. 入驻快应用(webview)，参考：[快应用(webview)教程](https://www.quickapp.cn/)。 1. 入驻快应用(webview)，参考：[快应用(webview)教程](https://www.quickapp.cn/)。
2. 在HBuilderX中顶部菜单依次点击 "发行" => "快应用联盟"，即可在 ``/unpackage/dist/build/quickapp-webview`` 生成快应用(webview)项目代码。 2. 在HBuilderX中顶部菜单依次点击 "发行" => "快应用联盟"，即可在 ``/unpackage/dist/build/quickapp-webview`` 生成快应用(webview)项目代码。
<div align=center> <div align=center>
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/uni-app-run-release-quickapp-webview.png"/> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni-app-run-release-quickapp-webview.png"/>
</div> </div>
3. 在快应用联盟工具中，导入生成的快应用联盟项目，测试项目代码运行正常后，点击”构建“打包正式版，在[快应用联盟后台](https://www.quickapp.cn/)上传 3. 在快应用联盟工具中，导入生成的快应用联盟项目，测试项目代码运行正常后，点击”构建“打包正式版，在[快应用联盟后台](https://www.quickapp.cn/)上传
...@@ -196,7 +196,7 @@ iOS App打包需要向Apple申请证书。 ...@@ -196,7 +196,7 @@ iOS App打包需要向Apple申请证书。
4. 入驻华为快应用，参考：[华为快应用教程](https://developer.huawei.com/consumer/cn/quickApp)。 4. 入驻华为快应用，参考：[华为快应用教程](https://developer.huawei.com/consumer/cn/quickApp)。
5. 在HBuilderX中顶部菜单依次点击 "发行" => "快应用-华为"，即可在 ``/unpackage/dist/build/quickapp-webview`` 生成华为快应用项目代码。 5. 在HBuilderX中顶部菜单依次点击 "发行" => "快应用-华为"，即可在 ``/unpackage/dist/build/quickapp-webview`` 生成华为快应用项目代码。
<div align=center> <div align=center>
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/uni-app-run-release-quickapp-webview-huawei.png"/> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni-app-run-release-quickapp-webview-huawei.png"/>
</div> </div>
6. 在华为开发者工具中，导入生成的华为快应用项目，测试项目代码运行正常后，点击”构建“打包正式版，在[华为快应用后台](https://developer.huawei.com/consumer/cn/quickApp)上传。 6. 在华为开发者工具中，导入生成的华为快应用项目，测试项目代码运行正常后，点击”构建“打包正式版，在[华为快应用后台](https://developer.huawei.com/consumer/cn/quickApp)上传。
......
docs/quickstart.md
浏览文件 @ 6a735acf
...@@ -22,7 +22,7 @@ HBuilderX是通用的前端开发工具，但为`uni-app`做了特别强化。 ...@@ -22,7 +22,7 @@ HBuilderX是通用的前端开发工具，但为`uni-app`做了特别强化。
在点击工具栏里的文件 -> 新建 -> 项目： 在点击工具栏里的文件 -> 新建 -> 项目：
<div align=center> <div align=center>
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/create1.png"/> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/create1.png"/>
</div> </div>
选择`uni-app`类型，输入工程名，选择模板，点击创建，即可成功创建。 选择`uni-app`类型，输入工程名，选择模板，点击创建，即可成功创建。
...@@ -30,19 +30,19 @@ HBuilderX是通用的前端开发工具，但为`uni-app`做了特别强化。 ...@@ -30,19 +30,19 @@ HBuilderX是通用的前端开发工具，但为`uni-app`做了特别强化。
uni-app自带的模板有 Hello uni-app ，是官方的组件和API示例。还有一个重要模板是 uni ui项目模板，日常开发推荐使用该模板，已内置大量常用组件。 uni-app自带的模板有 Hello uni-app ，是官方的组件和API示例。还有一个重要模板是 uni ui项目模板，日常开发推荐使用该模板，已内置大量常用组件。
<div align=center> <div align=center>
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/create-uniapp.jpg"/> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/create-uniapp.jpg"/>
</div> </div>
## 运行uni-app ## 运行uni-app
1. 浏览器运行：进入hello-uniapp项目，点击工具栏的运行 -> 运行到浏览器 -> 选择浏览器，即可在浏览器里面体验uni-app 的 H5 版。 1. 浏览器运行：进入hello-uniapp项目，点击工具栏的运行 -> 运行到浏览器 -> 选择浏览器，即可在浏览器里面体验uni-app 的 H5 版。
<div align=center> <div align=center>
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/run-chrome.png"/> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/run-chrome.png"/>
</div> </div>
2. 真机运行：连接手机，开启USB调试，进入hello-uniapp项目，点击工具栏的运行 -> 真机运行 -> 选择运行的设备，即可在该设备里面体验uni-app。 2. 真机运行：连接手机，开启USB调试，进入hello-uniapp项目，点击工具栏的运行 -> 真机运行 -> 选择运行的设备，即可在该设备里面体验uni-app。
<div align=center> <div align=center>
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/run-phone.png"/> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/run-phone.png"/>
</div> </div>
如手机无法识别，请点击菜单运行-运行到手机或模拟器-真机运行常见故障排查指南。 如手机无法识别，请点击菜单运行-运行到手机或模拟器-真机运行常见故障排查指南。
...@@ -51,7 +51,7 @@ uni-app自带的模板有 Hello uni-app ，是官方的组件和API示例。还 ...@@ -51,7 +51,7 @@ uni-app自带的模板有 Hello uni-app ，是官方的组件和API示例。还
3. 在微信开发者工具里运行：进入hello-uniapp项目，点击工具栏的运行 -> 运行到小程序模拟器 -> 微信开发者工具，即可在微信开发者工具里面体验uni-app。 3. 在微信开发者工具里运行：进入hello-uniapp项目，点击工具栏的运行 -> 运行到小程序模拟器 -> 微信开发者工具，即可在微信开发者工具里面体验uni-app。
<br/> <br/>
<div align=center> <div align=center>
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/uni20190222-1.png"/> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni20190222-1.png"/>
</div> </div>
**注意：**如果是第一次使用，需要先配置小程序ide的相关路径，才能运行成功。如下图，需在输入框输入微信开发者工具的安装路径。 若HBuilderX不能正常启动微信开发者工具，需要开发者手动启动，然后将uni-app生成小程序工程的路径拷贝到微信开发者工具里面，在HBuilderX里面开发，在微信开发者工具里面就可看到实时的效果。 **注意：**如果是第一次使用，需要先配置小程序ide的相关路径，才能运行成功。如下图，需在输入框输入微信开发者工具的安装路径。 若HBuilderX不能正常启动微信开发者工具，需要开发者手动启动，然后将uni-app生成小程序工程的路径拷贝到微信开发者工具里面，在HBuilderX里面开发，在微信开发者工具里面就可看到实时的效果。
...@@ -59,43 +59,43 @@ uni-app自带的模板有 Hello uni-app ，是官方的组件和API示例。还 ...@@ -59,43 +59,43 @@ uni-app自带的模板有 Hello uni-app ，是官方的组件和API示例。还
uni-app默认把项目编译到根目录的unpackage目录。 uni-app默认把项目编译到根目录的unpackage目录。
<br/> <br/>
<div align=center> <div align=center>
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/weixin-setting.png"/> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/weixin-setting.png"/>
</div> </div>
4. 在支付宝小程序开发者工具里运行：进入hello-uniapp项目，点击工具栏的运行 -> 运行到小程序模拟器 -> 支付宝小程序开发者工具，即可在支付宝小程序开发者工具里面体验uni-app。 4. 在支付宝小程序开发者工具里运行：进入hello-uniapp项目，点击工具栏的运行 -> 运行到小程序模拟器 -> 支付宝小程序开发者工具，即可在支付宝小程序开发者工具里面体验uni-app。
<br/> <br/>
<div align=center> <div align=center>
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/uni20190222-3.png"/> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni20190222-3.png"/>
</div> </div>
5. 在百度开发者工具里运行：进入hello-uniapp项目，点击工具栏的运行 -> 运行到小程序模拟器 -> 百度开发者工具，即可在百度开发者工具里面体验uni-app。 5. 在百度开发者工具里运行：进入hello-uniapp项目，点击工具栏的运行 -> 运行到小程序模拟器 -> 百度开发者工具，即可在百度开发者工具里面体验uni-app。
<br/> <br/>
<div align=center> <div align=center>
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/uni20190222-2.png"/> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni20190222-2.png"/>
</div> </div>
6. 在字节跳动开发者工具里运行：进入hello-uniapp项目，点击工具栏的运行 -> 运行到小程序模拟器 -> 字节跳动开发者工具，即可在字节跳动开发者工具里面体验uni-app。 6. 在字节跳动开发者工具里运行：进入hello-uniapp项目，点击工具栏的运行 -> 运行到小程序模拟器 -> 字节跳动开发者工具，即可在字节跳动开发者工具里面体验uni-app。
<br/> <br/>
<div align=center> <div align=center>
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/uni20190222-4.png"/> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni20190222-4.png"/>
</div> </div>
7. 在360开发工具中导入：进入hello-uniapp项目，点击工具栏的运行 -> 运行到小程序模拟器 -> 360开发工具，即可在360开发工具里面体验uni-app。 7. 在360开发工具中导入：进入hello-uniapp项目，点击工具栏的运行 -> 运行到小程序模拟器 -> 360开发工具，即可在360开发工具里面体验uni-app。
<br/> <br/>
<div align=center> <div align=center>
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/uni-app-debug-mp-360.png"/> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni-app-debug-mp-360.png"/>
</div> </div>
8. 在快应用联盟工具里运行：进入hello-uniapp项目，点击工具栏的运行 -> 运行到小程序模拟器 -> 快应用联盟工具，即可在快应用联盟工具里面体验uni-app。 8. 在快应用联盟工具里运行：进入hello-uniapp项目，点击工具栏的运行 -> 运行到小程序模拟器 -> 快应用联盟工具，即可在快应用联盟工具里面体验uni-app。
<br/> <br/>
<div align=center> <div align=center>
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/uni-app-run-debug-quickapp-webview.png"/> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni-app-run-debug-quickapp-webview.png"/>
</div> </div>
9. 在华为开发者工具里运行：进入hello-uniapp项目，点击工具栏的运行 -> 运行到小程序模拟器 -> 华为开发者工具，即可在华为开发者工具里面体验uni-app。 9. 在华为开发者工具里运行：进入hello-uniapp项目，点击工具栏的运行 -> 运行到小程序模拟器 -> 华为开发者工具，即可在华为开发者工具里面体验uni-app。
<br/> <br/>
<div align=center> <div align=center>
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/uni-app-run-release-quickapp-webview-huawei.png"/> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni-app-run-release-quickapp-webview-huawei.png"/>
</div> </div>
10. 在QQ小程序开发工具里运行：内容同上，不再重复。 10. 在QQ小程序开发工具里运行：内容同上，不再重复。
...@@ -109,7 +109,7 @@ uni-app自带的模板有 Hello uni-app ，是官方的组件和API示例。还 ...@@ -109,7 +109,7 @@ uni-app自带的模板有 Hello uni-app ，是官方的组件和API示例。还
运行的快捷键是`Ctrl+r`。 运行的快捷键是`Ctrl+r`。
HBuilderX 还提供了快捷运行菜单，可以按数字快速选择要运行的设备： HBuilderX 还提供了快捷运行菜单，可以按数字快速选择要运行的设备：
<div align=center> <div align=center>
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/runtool.png"/> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/runtool.png"/>
</div> </div>
如需调试，可参考：[uni-app调试](/snippet?id=使用-chrome-调试) 如需调试，可参考：[uni-app调试](/snippet?id=使用-chrome-调试)
...@@ -121,11 +121,11 @@ HBuilderX 还提供了快捷运行菜单，可以按数字快速选择要运行 ...@@ -121,11 +121,11 @@ HBuilderX 还提供了快捷运行菜单，可以按数字快速选择要运行
在HBuilderX工具栏，点击发行，选择原生app-云端打包，如下图： 在HBuilderX工具栏，点击发行，选择原生app-云端打包，如下图：
<div align=center> <div align=center>
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/uni20190222-11.png"/> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni20190222-11.png"/>
</div> </div>
出现如下界面，点击打包即可。 出现如下界面，点击打包即可。
<div align=center> <div align=center>
<img style="max-width:600px;" src="https://web-assets.dcloud.net.cn/unidoc/zh/uni-pack-cloud.png"/> <img style="max-width:600px;" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni-pack-cloud.png"/>
</div> </div>
### 打包为原生App（离线） ### 打包为原生App（离线）
...@@ -135,19 +135,19 @@ HBuilderX 还提供了快捷运行菜单，可以按数字快速选择要运行 ...@@ -135,19 +135,19 @@ HBuilderX 还提供了快捷运行菜单，可以按数字快速选择要运行
在HBuilderX工具栏，点击发行，选择本地打包，如下图，点击即可生成离线打包资源。 在HBuilderX工具栏，点击发行，选择本地打包，如下图，点击即可生成离线打包资源。
<div align=center> <div align=center>
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/uni20190222-12.png"/> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni20190222-12.png"/>
</div> </div>
### 发布为H5 ### 发布为H5
1. 在 ``manifest.json`` 的可视化界面，进行如下配置（发行在网站根目录可不配置应用基本路径），此时发行网站路径是 www.xxx.com/h5，如：[https://hellouniapp.dcloud.net.cn](https://hellouniapp.dcloud.net.cn)。 1. 在 ``manifest.json`` 的可视化界面，进行如下配置（发行在网站根目录可不配置应用基本路径），此时发行网站路径是 www.xxx.com/h5，如：[https://hellouniapp.dcloud.net.cn](https://hellouniapp.dcloud.net.cn)。
<div align=center> <div align=center>
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/build-h5-1.png" style="max-width:600px;height:auto;"/> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/build-h5-1.png" style="max-width:600px;height:auto;"/>
</div> </div>
2. 在HBuilderX工具栏，点击发行，选择网站-H5手机版，如下图，点击即可生成 H5 的相关资源文件，保存于 unpackage 目录。 2. 在HBuilderX工具栏，点击发行，选择网站-H5手机版，如下图，点击即可生成 H5 的相关资源文件，保存于 unpackage 目录。
<div align=center> <div align=center>
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/uni20190222-10.png" style="max-width:600px;height:auto;"/> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni20190222-10.png" style="max-width:600px;height:auto;"/>
</div> </div>
**注意** **注意**
...@@ -160,7 +160,7 @@ HBuilderX 还提供了快捷运行菜单，可以按数字快速选择要运行 ...@@ -160,7 +160,7 @@ HBuilderX 还提供了快捷运行菜单，可以按数字快速选择要运行
1. 申请微信小程序AppID，参考：[微信教程](https://developers.weixin.qq.com/miniprogram/dev/#申请帐号)。 1. 申请微信小程序AppID，参考：[微信教程](https://developers.weixin.qq.com/miniprogram/dev/#申请帐号)。
2. 在HBuilderX中顶部菜单依次点击 "发行" => "小程序-微信"，输入小程序名称和appid点击发行即可在 ``unpackage/dist/build/mp-weixin`` 生成微信小程序项目代码。 2. 在HBuilderX中顶部菜单依次点击 "发行" => "小程序-微信"，输入小程序名称和appid点击发行即可在 ``unpackage/dist/build/mp-weixin`` 生成微信小程序项目代码。
<div align=center> <div align=center>
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/uni20190222-6.png"/> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni20190222-6.png"/>
</div> </div>
3. 在微信小程序开发者工具中，导入生成的微信小程序项目，测试项目代码运行正常后，点击“上传”按钮，之后按照 “提交审核” => “发布” 小程序标准流程，逐步操作即可，详细查看：[微信官方教程](https://developers.weixin.qq.com/miniprogram/dev/quickstart/basic/release.html)。 3. 在微信小程序开发者工具中，导入生成的微信小程序项目，测试项目代码运行正常后，点击“上传”按钮，之后按照 “提交审核” => “发布” 小程序标准流程，逐步操作即可，详细查看：[微信官方教程](https://developers.weixin.qq.com/miniprogram/dev/quickstart/basic/release.html)。
...@@ -168,7 +168,7 @@ HBuilderX 还提供了快捷运行菜单，可以按数字快速选择要运行 ...@@ -168,7 +168,7 @@ HBuilderX 还提供了快捷运行菜单，可以按数字快速选择要运行
1. 入驻小程序并申请百度小程序AppID，参考：[百度小程序教程](https://smartprogram.baidu.com/docs/introduction/enter_application/)。 1. 入驻小程序并申请百度小程序AppID，参考：[百度小程序教程](https://smartprogram.baidu.com/docs/introduction/enter_application/)。
2. 在HBuilderX中顶部菜单依次点击 "发行" => "小程序-百度"，输入小程序名称和appid点击发行即可在 ``/unpackage/dist/build/mp-baidu`` 生成百度小程序项目代码。 2. 在HBuilderX中顶部菜单依次点击 "发行" => "小程序-百度"，输入小程序名称和appid点击发行即可在 ``/unpackage/dist/build/mp-baidu`` 生成百度小程序项目代码。
<div align=center> <div align=center>
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/uni20190222-7.png"/> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni20190222-7.png"/>
</div> </div>
3. 在百度小程序开发者工具中，导入生成的百度小程序项目，测试项目代码运行正常后，点击“上传”按钮上传代码，之后在百度小程序的 [管理中心](https://smartprogram.baidu.com/developer/applist.html) 选择创建的应用点击前往发布，选择对应的版本然后提交审核。 3. 在百度小程序开发者工具中，导入生成的百度小程序项目，测试项目代码运行正常后，点击“上传”按钮上传代码，之后在百度小程序的 [管理中心](https://smartprogram.baidu.com/developer/applist.html) 选择创建的应用点击前往发布，选择对应的版本然后提交审核。
...@@ -177,7 +177,7 @@ HBuilderX 还提供了快捷运行菜单，可以按数字快速选择要运行 ...@@ -177,7 +177,7 @@ HBuilderX 还提供了快捷运行菜单，可以按数字快速选择要运行
1. 入驻支付宝小程序，参考：[支付宝小程序教程](https://docs.alipay.com/mini/introduce)。 1. 入驻支付宝小程序，参考：[支付宝小程序教程](https://docs.alipay.com/mini/introduce)。
2. 在HBuilderX中顶部菜单依次点击 "发行" => "小程序-支付宝"，即可在 ``/unpackage/dist/build/mp-alipay`` 生成支付宝小程序项目代码。 2. 在HBuilderX中顶部菜单依次点击 "发行" => "小程序-支付宝"，即可在 ``/unpackage/dist/build/mp-alipay`` 生成支付宝小程序项目代码。
<div align=center> <div align=center>
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/uni20190222-8.png"/> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni20190222-8.png"/>
</div> </div>
3. 在支付宝小程序开发者工具中，导入生成的支付宝小程序项目，测试项目代码运行正常后，点击“上传”按钮上传代码，在 [支付宝小程序后台](https://open.alipay.com/platform/mini.htm#/app)，选择刚提交的版本点击提交审核，详见：[支付宝小程序文档](https://docs.alipay.com/mini/developer/publish)。 3. 在支付宝小程序开发者工具中，导入生成的支付宝小程序项目，测试项目代码运行正常后，点击“上传”按钮上传代码，在 [支付宝小程序后台](https://open.alipay.com/platform/mini.htm#/app)，选择刚提交的版本点击提交审核，详见：[支付宝小程序文档](https://docs.alipay.com/mini/developer/publish)。
...@@ -186,7 +186,7 @@ HBuilderX 还提供了快捷运行菜单，可以按数字快速选择要运行 ...@@ -186,7 +186,7 @@ HBuilderX 还提供了快捷运行菜单，可以按数字快速选择要运行
1. 入驻字节跳动小程序，参考：[字节跳动小程序教程](https://developer.open-douyin.com/docs/resource/zh-CN/developer/join/register)。 1. 入驻字节跳动小程序，参考：[字节跳动小程序教程](https://developer.open-douyin.com/docs/resource/zh-CN/developer/join/register)。
2. 在HBuilderX中顶部菜单依次点击 "发行" => "小程序-字节跳动"，即可在 ``/unpackage/dist/build/mp-toutiao`` 生成字节跳动小程序项目代码。 2. 在HBuilderX中顶部菜单依次点击 "发行" => "小程序-字节跳动"，即可在 ``/unpackage/dist/build/mp-toutiao`` 生成字节跳动小程序项目代码。
<div align=center> <div align=center>
<img style="max-width:300px;" src="https://web-assets.dcloud.net.cn/unidoc/zh/zjdance.jpg"/> <img style="max-width:300px;" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/zjdance.jpg"/>
</div> </div>
1. 在字节跳动小程序开发者工具中，导入生成的字节跳动小程序项目，测试项目代码运行正常后，点击“上传”按钮上传代码，在 [字节跳动小程序后台](https://microapp.bytedance.com/applist)，选择刚提交的版本点击提交审核，详见：[字节跳动小程序文档](https://developer.open-douyin.com/docs/resource/zh-CN/mini-app/develop/guide/release/package-audit/)。 1. 在字节跳动小程序开发者工具中，导入生成的字节跳动小程序项目，测试项目代码运行正常后，点击“上传”按钮上传代码，在 [字节跳动小程序后台](https://microapp.bytedance.com/applist)，选择刚提交的版本点击提交审核，详见：[字节跳动小程序文档](https://developer.open-douyin.com/docs/resource/zh-CN/mini-app/develop/guide/release/package-audit/)。
...@@ -194,7 +194,7 @@ HBuilderX 还提供了快捷运行菜单，可以按数字快速选择要运行 ...@@ -194,7 +194,7 @@ HBuilderX 还提供了快捷运行菜单，可以按数字快速选择要运行
1. 入驻360小程序，参考：[360小程序教程](https://mp.360.cn/doc/miniprogram/dev/#/)。 1. 入驻360小程序，参考：[360小程序教程](https://mp.360.cn/doc/miniprogram/dev/#/)。
2. 在HBuilderX中顶部菜单依次点击 "发行" => "小程序-360"，即可在 ``/unpackage/dist/build/mp-360`` 生成360小程序项目代码。 2. 在HBuilderX中顶部菜单依次点击 "发行" => "小程序-360"，即可在 ``/unpackage/dist/build/mp-360`` 生成360小程序项目代码。
<div align=center> <div align=center>
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/uni-app-release-mp-360.png"/> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni-app-release-mp-360.png"/>
</div> </div>
3. 在360浏览器中，导入生成的360小程序项目 3. 在360浏览器中，导入生成的360小程序项目
...@@ -206,7 +206,7 @@ HBuilderX 还提供了快捷运行菜单，可以按数字快速选择要运行 ...@@ -206,7 +206,7 @@ HBuilderX 还提供了快捷运行菜单，可以按数字快速选择要运行
1. 入驻快应用(webview)，参考：[快应用(webview)教程](https://www.quickapp.cn/)。 1. 入驻快应用(webview)，参考：[快应用(webview)教程](https://www.quickapp.cn/)。
2. 在HBuilderX中顶部菜单依次点击 "发行" => "快应用联盟"，即可在 ``/unpackage/dist/build/quickapp-webview`` 生成快应用(webview)项目代码。 2. 在HBuilderX中顶部菜单依次点击 "发行" => "快应用联盟"，即可在 ``/unpackage/dist/build/quickapp-webview`` 生成快应用(webview)项目代码。
<div align=center> <div align=center>
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/uni-app-run-release-quickapp-webview.png"/> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni-app-run-release-quickapp-webview.png"/>
</div> </div>
3. 在快应用联盟工具中，导入生成的快应用联盟项目，测试项目代码运行正常后，点击”构建“打包正式版，在[快应用联盟后台](https://www.quickapp.cn/)上传 3. 在快应用联盟工具中，导入生成的快应用联盟项目，测试项目代码运行正常后，点击”构建“打包正式版，在[快应用联盟后台](https://www.quickapp.cn/)上传
...@@ -215,7 +215,7 @@ HBuilderX 还提供了快捷运行菜单，可以按数字快速选择要运行 ...@@ -215,7 +215,7 @@ HBuilderX 还提供了快捷运行菜单，可以按数字快速选择要运行
1. 入驻华为快应用，参考：[华为快应用教程](https://developer.huawei.com/consumer/cn/quickApp)。 1. 入驻华为快应用，参考：[华为快应用教程](https://developer.huawei.com/consumer/cn/quickApp)。
2. 在HBuilderX中顶部菜单依次点击 "发行" => "快应用-华为"，即可在 ``/unpackage/dist/build/quickapp-webview`` 生成华为快应用项目代码。 2. 在HBuilderX中顶部菜单依次点击 "发行" => "快应用-华为"，即可在 ``/unpackage/dist/build/quickapp-webview`` 生成华为快应用项目代码。
<div align=center> <div align=center>
<img src="![](https://web-assets.dcloud.net.cn/unidoc/zh/uni-app-run-release-quickapp-webview-huawei.png)g"/> <img src="![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni-app-run-release-quickapp-webview-huawei.png)g"/>
</div> </div>
3. 在华为开发者工具中，导入生成的华为快应用项目，测试项目代码运行正常后，点击”构建“打包正式版，在[华为快应用后台](https://developer.huawei.com/consumer/cn/quickApp)上传 3. 在华为开发者工具中，导入生成的华为快应用项目，测试项目代码运行正常后，点击”构建“打包正式版，在[华为快应用后台](https://developer.huawei.com/consumer/cn/quickApp)上传
......
docs/tutorial/adapt.md
浏览文件 @ 6a735acf
...@@ -300,7 +300,7 @@ uni-app理论上不限定浏览器。在HBuilderX 2.9发版时，就新闻示例 ...@@ -300,7 +300,7 @@ uni-app理论上不限定浏览器。在HBuilderX 2.9发版时，就新闻示例
当然还可以在iframe旁边放置二维码，提供手机版扫码地址，例如： 当然还可以在iframe旁边放置二维码，提供手机版扫码地址，例如：
![](https://web-assets.dcloud.net.cn/unidoc/zh/hello-uni-pc.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/hello-uni-pc.png)
#### 通过electron打包为windows、mac、linux客户端 #### 通过electron打包为windows、mac、linux客户端
......
docs/tutorial/app-oauth-facebook-open.md
浏览文件 @ 6a735acf
...@@ -7,46 +7,46 @@ ...@@ -7,46 +7,46 @@
#### 创建应用 #### 创建应用
* 打开[Facebook开发者中心](http://developers.facebook.com/) * 打开[Facebook开发者中心](http://developers.facebook.com/)
* 点击右上角"我的应用" * 点击右上角"我的应用"
![](https://web-assets.dcloud.net.cn/unidoc/zh/oauth-fb-myApplication.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/oauth-fb-myApplication.png)
* 进入应用管理界面，点击"创建应用" * 进入应用管理界面，点击"创建应用"
![](https://web-assets.dcloud.net.cn/unidoc/zh/oauth-fb-createApplication.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/oauth-fb-createApplication.png)
* 根据需要选择应用产品的类型(应用类型详见"详细了解应用类型")，然后点击继续 * 根据需要选择应用产品的类型(应用类型详见"详细了解应用类型")，然后点击继续
![](https://web-assets.dcloud.net.cn/unidoc/zh/oauth-fb-chooseApplicationType.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/oauth-fb-chooseApplicationType.png)
* 填写应用信息 * 填写应用信息
![](https://web-assets.dcloud.net.cn/unidoc/zh/oauth-fb-fillInAppInfo.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/oauth-fb-fillInAppInfo.png)
* 创建完成后即可获取应用的应用编号(即appID) * 创建完成后即可获取应用的应用编号(即appID)
* 为应用添加登录功能 * 为应用添加登录功能
![](https://web-assets.dcloud.net.cn/unidoc/zh/oauth-fb-addProduct.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/oauth-fb-addProduct.png)
#### 设置登录-iOS #### 设置登录-iOS
* 我的应用--设置--基本，选择添加平台，选择iOS * 我的应用--设置--基本，选择添加平台，选择iOS
![](https://web-assets.dcloud.net.cn/unidoc/zh/oauth-fb-ios-addPlatform.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/oauth-fb-ios-addPlatform.png)
* 填写信息保存即可 * 填写信息保存即可
![](https://web-assets.dcloud.net.cn/unidoc/zh/oauth-fb-ios-saveInfo.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/oauth-fb-ios-saveInfo.png)
#### 设置登录-Android #### 设置登录-Android
* 我的应用--设置--基本，选择添加平台 * 我的应用--设置--基本，选择添加平台
![](https://web-assets.dcloud.net.cn/unidoc/zh/oauth-fb-android-addPlatform.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/oauth-fb-android-addPlatform.png)
* 选择android平台，应用商店选择Google Play * 选择android平台，应用商店选择Google Play
![](https://web-assets.dcloud.net.cn/unidoc/zh/oauth-fb-android-appstore.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/oauth-fb-android-appstore.png)
* 填写必要的包名和散列信息，类名是固定的。如图 * 填写必要的包名和散列信息，类名是固定的。如图
...@@ -55,12 +55,12 @@ https://developers.facebook.com/docs/facebook-login/android 第六小节 ...@@ -55,12 +55,12 @@ https://developers.facebook.com/docs/facebook-login/android 第六小节
如果获取到的散列位数不对，需要找台linux/mac 计算机。 如果获取到的散列位数不对，需要找台linux/mac 计算机。
使用下面的命令获取 使用下面的命令获取
keytool -exportcert -alias hbuilder -keystore ./HBuilder.keystore | openssl dgst -sha1 -binary | openssl base64 keytool -exportcert -alias hbuilder -keystore ./HBuilder.keystore | openssl dgst -sha1 -binary | openssl base64
![](https://web-assets.dcloud.net.cn/unidoc/zh/oauth-fb-android-saveInfo.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/oauth-fb-android-saveInfo.png)
#### 应用权限 #### 应用权限
使用Facebook登录需开启"public_profile"以及"email"的访问权限 使用Facebook登录需开启"public_profile"以及"email"的访问权限
点击"应用审核"-"权限和功能"，开启"public_profile"以及"email"的高级访问权限 点击"应用审核"-"权限和功能"，开启"public_profile"以及"email"的高级访问权限
![](https://web-assets.dcloud.net.cn/unidoc/zh/oauth-fb-permission.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/oauth-fb-permission.png)
docs/tutorial/app-oauth-google-open.md
浏览文件 @ 6a735acf
...@@ -10,15 +10,15 @@ ...@@ -10,15 +10,15 @@
网址： https://developers.google.com/identity/sign-in/android/sign-in?hl=zh-cn 网址： https://developers.google.com/identity/sign-in/android/sign-in?hl=zh-cn
* 选择项目配置 * 选择项目配置
![](https://web-assets.dcloud.net.cn/unidoc/zh/oauth-google-android-apiConfig.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/oauth-google-android-apiConfig.png)
点击后出现项目与应用选择界面，如果你有已创建过的Firebase项目，可以直接选择。如果没有，可以选择新建一个Google Api 项目。 点击后出现项目与应用选择界面，如果你有已创建过的Firebase项目，可以直接选择。如果没有，可以选择新建一个Google Api 项目。
![](https://web-assets.dcloud.net.cn/unidoc/zh/oauth-google-android-configureProject.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/oauth-google-android-configureProject.png)
* 选择项目后，在该项目下新建一个应用 * 选择项目后，在该项目下新建一个应用
选择应用平台 android 选择应用平台 android
![](https://web-assets.dcloud.net.cn/unidoc/zh/oauth-google-android-appType.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/oauth-google-android-appType.png)
需要填写应用的包名和sha1指纹,指纹的获取方法在界面上有提示。按照提示操作即可。 需要填写应用的包名和sha1指纹,指纹的获取方法在界面上有提示。按照提示操作即可。
![](https://web-assets.dcloud.net.cn/unidoc/zh/oauth-google-android-createApp.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/oauth-google-android-createApp.png)
点击创建，即可完成开通步骤。 点击创建，即可完成开通步骤。
#### iOS开通步骤 #### iOS开通步骤
...@@ -26,8 +26,8 @@ ...@@ -26,8 +26,8 @@
* 打开[Google登录iOS引导页](http://developers.google.com/identity/sign-in/ios/start-integrating?hl=zh-cn) * 打开[Google登录iOS引导页](http://developers.google.com/identity/sign-in/ios/start-integrating?hl=zh-cn)
* 点击创建OAuth客户端ID，填写项目名称 * 点击创建OAuth客户端ID，填写项目名称
![](https://web-assets.dcloud.net.cn/unidoc/zh/oauth-google-ios-config.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/oauth-google-ios-config.png)
* 选择iOS平台、填写BundleID后，点击CREATE，即可获取Client ID * 选择iOS平台、填写BundleID后，点击CREATE，即可获取Client ID
![](https://web-assets.dcloud.net.cn/unidoc/zh/oauth-google-ios-create.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/oauth-google-ios-create.png)
docs/tutorial/build/publish-mp-weixin-cli.md
浏览文件 @ 6a735acf
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
> HBuilderX 3.3.7+, uni-app 发行到微信小程序，支持自动上传代码到微信平台，无需再打开微信开发者工具上传发行 > HBuilderX 3.3.7+, uni-app 发行到微信小程序，支持自动上传代码到微信平台，无需再打开微信开发者工具上传发行
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F%E5%8F%91%E8%A1%8C.jpg" style="zoom: 50%;" /> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F%E5%8F%91%E8%A1%8C.jpg" style="zoom: 50%;" />
通过微信小程序CI，使用上传密钥上传代码，无需打开微信开发者工具，一键完成微信小程序代码的上传、预览等操作。 通过微信小程序CI，使用上传密钥上传代码，无需打开微信开发者工具，一键完成微信小程序代码的上传、预览等操作。
......
docs/tutorial/debug/debug-app.md
浏览文件 @ 6a735acf
...@@ -8,15 +8,15 @@ ...@@ -8,15 +8,15 @@
在 `HBuilderX` 中，正确运行项目： `运行 --> 运行到手机或模拟器 --> 选择设备`，项目启动后，在下方的控制台选择 `debug` 图标。 在 `HBuilderX` 中，正确运行项目： `运行 --> 运行到手机或模拟器 --> 选择设备`，项目启动后，在下方的控制台选择 `debug` 图标。
![debug](https://web-assets.dcloud.net.cn/unidoc/zh/debug-icon.png) ![debug](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/debug-icon.png)
正确打开调试窗口后，显示如下： 正确打开调试窗口后，显示如下：
![debug](https://web-assets.dcloud.net.cn/unidoc/zh/csdndebug-window.png) ![debug](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/csdndebug-window.png)
### Elements ### Elements
根据上一步，启动完成`debug`窗口后，可以看到`Elements`。`Elements` 主要显示当前页面的组织结构，目前`Elements`只支持`nvue`。 根据上一步，启动完成`debug`窗口后，可以看到`Elements`。`Elements` 主要显示当前页面的组织结构，目前`Elements`只支持`nvue`。
![debug](https://web-assets.dcloud.net.cn/unidoc/zh/debug-elements.png) ![debug](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/debug-elements.png)
### console.log 打日志 ### console.log 打日志
...@@ -28,7 +28,7 @@ ...@@ -28,7 +28,7 @@
`debug`窗口中看`console.log`的方法如下图： `debug`窗口中看`console.log`的方法如下图：
![debug](https://web-assets.dcloud.net.cn/unidoc/zh/debug-console-new.jpg) ![debug](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/debug-console-new.jpg)
### 调试页面 ### 调试页面
...@@ -36,11 +36,11 @@ ...@@ -36,11 +36,11 @@
在 `uniapp`（图中指示 2）下找到需要调试的页面，单击打开 ，在右侧可以看到我们需要调试的内容（图中指示 3）。在需要调试的代码行号的位置，点击打上断点（图中指示 4）。 在 `uniapp`（图中指示 2）下找到需要调试的页面，单击打开 ，在右侧可以看到我们需要调试的内容（图中指示 3）。在需要调试的代码行号的位置，点击打上断点（图中指示 4）。
![debug](https://web-assets.dcloud.net.cn/unidoc/zh/csdndebug-log.png) ![debug](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/csdndebug-log.png)
之后，在设备上进行操作，进入断点位置，可以方便我们跟踪调试代码。 之后，在设备上进行操作，进入断点位置，可以方便我们跟踪调试代码。
![debug](https://web-assets.dcloud.net.cn/unidoc/zh/csdndebug-breakpoint.png) ![debug](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/csdndebug-breakpoint.png)
### 同步断点到调试器 ### 同步断点到调试器
...@@ -48,7 +48,7 @@ ...@@ -48,7 +48,7 @@
操作步骤：在 HBuilderX 编辑器中对目标行的行号处点右键，在右键菜单中选择“同步断点到调试器”，然后调试控制台会自动打开对应的代码并在指定行处标记断点。演示如下： 操作步骤：在 HBuilderX 编辑器中对目标行的行号处点右键，在右键菜单中选择“同步断点到调试器”，然后调试控制台会自动打开对应的代码并在指定行处标记断点。演示如下：
![debug](https://web-assets.dcloud.net.cn/unidoc/zh/debug-console-light.gif) ![debug](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/debug-console-light.gif)
### 注意事项 ### 注意事项
......
docs/tutorial/debug/debug-mp.md
浏览文件 @ 6a735acf
...@@ -4,8 +4,8 @@ ...@@ -4,8 +4,8 @@
页面样式调试和一般的`web`项目一样，通过调试的箭头选中元素即可查看相应的节点和样式，如下图： 页面样式调试和一般的`web`项目一样，通过调试的箭头选中元素即可查看相应的节点和样式，如下图：
![uni-app](https://web-assets.dcloud.net.cn/unidoc/zh/debug1.png) ![uni-app](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/debug1.png)
调试 `js` 时需要切换到 `Sources` 栏，根据 sourcemap，找到 `webpack` 里正确的目录，选中想要调试的那个页面的`js`，进行调试（如果`js`代码是压缩过的，点击右下角的{}可格式化代码），如下图： 调试 `js` 时需要切换到 `Sources` 栏，根据 sourcemap，找到 `webpack` 里正确的目录，选中想要调试的那个页面的`js`，进行调试（如果`js`代码是压缩过的，点击右下角的{}可格式化代码），如下图：
![uni-app](https://web-assets.dcloud.net.cn/unidoc/zh/debug2.png) ![uni-app](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/debug2.png)
\ No newline at end of file \ No newline at end of file
docs/tutorial/debug/debug-web-via-hx.md
浏览文件 @ 6a735acf
...@@ -8,7 +8,7 @@ ...@@ -8,7 +8,7 @@
点击日志，可以直接跳转到对应的代码处。 点击日志，可以直接跳转到对应的代码处。
![](https://web-assets.dcloud.net.cn/unidoc/zh/consolelogjump.jpg) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/consolelogjump.jpg)
注意浏览器控制台打印的日志无法转到代码，只有HBuilder控制台打印的才能转到代码。而运行到外部浏览器是没有这个功能的。只有HBuilder内置浏览器才可以。 注意浏览器控制台打印的日志无法转到代码，只有HBuilder控制台打印的才能转到代码。而运行到外部浏览器是没有这个功能的。只有HBuilder内置浏览器才可以。
...@@ -20,6 +20,6 @@ HBuilder中有2种断点调试方案，一种是使用浏览器自带的调试 ...@@ -20,6 +20,6 @@ HBuilder中有2种断点调试方案，一种是使用浏览器自带的调试
对源码点右键，可以同步断点到内置浏览器的调试工具，调试方法同chrome通行的用法。 对源码点右键，可以同步断点到内置浏览器的调试工具，调试方法同chrome通行的用法。
![](https://web-assets.dcloud.net.cn/unidoc/zh/syncbreakpoint.jpg) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/syncbreakpoint.jpg)
关于另一种使用HBuilderX的调试控制台的方案，[另见](h5-debug.md) 关于另一种使用HBuilderX的调试控制台的方案，[另见](h5-debug.md)
\ No newline at end of file
docs/tutorial/debug/uni-uts-debug-ios.md
浏览文件 @ 6a735acf
...@@ -6,18 +6,18 @@ HBuilderX 3.7.6+，uni-app uts插件，运行到iOS，支持Debug调试 ...@@ -6,18 +6,18 @@ HBuilderX 3.7.6+，uni-app uts插件，运行到iOS，支持Debug调试
运行uni-app uts项目到iOS，运行成功后，HBuilder控制台点击`红色虫子`图标，下拉菜单选择【uts调试】，即可开启uts调试功能。 运行uni-app uts项目到iOS，运行成功后，HBuilder控制台点击`红色虫子`图标，下拉菜单选择【uts调试】，即可开启uts调试功能。
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/uts-ios-debug-open.jpg" style="zoom: 50%;" /> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uts-ios-debug-open.jpg" style="zoom: 50%;" />
## uts-ios调试注意事项 ## uts-ios调试注意事项
- uts调试，依赖uts调试插件，弹窗提示安装依赖插件，请务必点击安装，否则无法进行调试。 - uts调试，依赖uts调试插件，弹窗提示安装依赖插件，请务必点击安装，否则无法进行调试。
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/uts-ios-debug-install.jpg" style="zoom: 45%;border-radius: 20px;" /> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uts-ios-debug-install.jpg" style="zoom: 45%;border-radius: 20px;" />
- 首次点击【uts调试】，需要重新编译动态库，当遇到下面的确认弹窗时，请点击【确定】按钮。 - 首次点击【uts调试】，需要重新编译动态库，当遇到下面的确认弹窗时，请点击【确定】按钮。
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/uts-ios-debug-firstpromt.jpg" style="zoom: 50%;border-radius: 20px;" /> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uts-ios-debug-firstpromt.jpg" style="zoom: 50%;border-radius: 20px;" />
- 点击【uts调试】，uts调试开启，可能需要十几秒 - 点击【uts调试】，uts调试开启，可能需要十几秒
- 调试进程`codelldb`会占用较大的内存。 - 调试进程`codelldb`会占用较大的内存。
...@@ -26,13 +26,13 @@ HBuilderX 3.7.6+，uni-app uts插件，运行到iOS，支持Debug调试 ...@@ -26,13 +26,13 @@ HBuilderX 3.7.6+，uni-app uts插件，运行到iOS，支持Debug调试
打开要调试的uts文件，在代码行号上，鼠标右击或双击添加断点。 打开要调试的uts文件，在代码行号上，鼠标右击或双击添加断点。
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/uts-ios-debug-add-breakpoint.jpg" style="zoom: 50%;" /> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uts-ios-debug-add-breakpoint.jpg" style="zoom: 50%;" />
## 调试视图@debug-View ## 调试视图@debug-View
开启调试后，即可在HBuilderX左侧视图，看到调试视图，具体如下： 开启调试后，即可在HBuilderX左侧视图，看到调试视图，具体如下：
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/uts-ios-debug-view.jpg" style="zoom: 50%;border-radius: 20px;" /> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uts-ios-debug-view.jpg" style="zoom: 50%;border-radius: 20px;" />
调试视图分为5部分: 调试视图分为5部分:
...@@ -49,7 +49,7 @@ HBuilderX 3.7.6+，uni-app uts插件，运行到iOS，支持Debug调试 ...@@ -49,7 +49,7 @@ HBuilderX 3.7.6+，uni-app uts插件，运行到iOS，支持Debug调试
- 进入 `F11` - 进入 `F11`
- 返回 `Shift+F11` - 返回 `Shift+F11`
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/uts-debug-action.jpg" style="zoom: 50%;" /> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uts-debug-action.jpg" style="zoom: 50%;" />
## 数据检查和查看变量@data ## 数据检查和查看变量@data
...@@ -57,10 +57,10 @@ HBuilderX 3.7.6+，uni-app uts插件，运行到iOS，支持Debug调试 ...@@ -57,10 +57,10 @@ HBuilderX 3.7.6+，uni-app uts插件，运行到iOS，支持Debug调试
在【变量窗口】，选中变量，右键菜单，即可将变量添加到监视窗口。 在【变量窗口】，选中变量，右键菜单，即可将变量添加到监视窗口。
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/uts-ios-debug-add-monitor.jpg" style="zoom: 50%;" /> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uts-ios-debug-add-monitor.jpg" style="zoom: 50%;" />
### 悬停显示@hover ### 悬停显示@hover
断点调试过程中，将鼠标悬停在要查看的变量上，即可打开悬停窗口。 断点调试过程中，将鼠标悬停在要查看的变量上，即可打开悬停窗口。
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/uts-ios-debug-hover-windows.jpg" style="zoom: 50%;" /> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uts-ios-debug-hover-windows.jpg" style="zoom: 50%;" />
\ No newline at end of file \ No newline at end of file
docs/tutorial/debug/uni-uts-debug.md
浏览文件 @ 6a735acf
...@@ -6,7 +6,7 @@ HBuilderX 3.6.20+，uni-app uts插件，运行到Android，支持Debug调试 ...@@ -6,7 +6,7 @@ HBuilderX 3.6.20+，uni-app uts插件，运行到Android，支持Debug调试
如下Gif动画所示，运行uni-app uts项目到Android，运行成功后，HBuilder控制台点击`红色虫子`图标，下拉菜单选择【uts调试】，即可开启uts调试功能。 如下Gif动画所示，运行uni-app uts项目到Android，运行成功后，HBuilder控制台点击`红色虫子`图标，下拉菜单选择【uts调试】，即可开启uts调试功能。
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/uts-android.gif" style="zoom: 72%;" /> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uts-android.gif" style="zoom: 72%;" />
> 注意：uts调试，依赖uts调试插件，弹窗提示安装依赖插件，请务必点击安装，否则无法进行调试。 > 注意：uts调试，依赖uts调试插件，弹窗提示安装依赖插件，请务必点击安装，否则无法进行调试。
...@@ -15,13 +15,13 @@ HBuilderX 3.6.20+，uni-app uts插件，运行到Android，支持Debug调试 ...@@ -15,13 +15,13 @@ HBuilderX 3.6.20+，uni-app uts插件，运行到Android，支持Debug调试
打开要调试的uts文件，在代码行号上，鼠标右击或双击添加断点。 打开要调试的uts文件，在代码行号上，鼠标右击或双击添加断点。
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/uts-add-breakpoint.png" style="zoom: 50%;" /> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uts-add-breakpoint.png" style="zoom: 50%;" />
## 调试视图@debug-View ## 调试视图@debug-View
开启调试后，即可在HBuilderX左侧视图，看到调试视图，具体如下： 开启调试后，即可在HBuilderX左侧视图，看到调试视图，具体如下：
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/uts-debug-view.jpg" style="zoom: 60%;" /> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uts-debug-view.jpg" style="zoom: 60%;" />
调试视图分为5部分: 调试视图分为5部分:
...@@ -38,7 +38,7 @@ HBuilderX 3.6.20+，uni-app uts插件，运行到Android，支持Debug调试 ...@@ -38,7 +38,7 @@ HBuilderX 3.6.20+，uni-app uts插件，运行到Android，支持Debug调试
- 进入 `F11` - 进入 `F11`
- 返回 `Shift+F11` - 返回 `Shift+F11`
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/uts-debug-action.jpg" style="zoom: 50%;" /> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uts-debug-action.jpg" style="zoom: 50%;" />
## 数据检查和查看变量@data ## 数据检查和查看变量@data
...@@ -46,10 +46,10 @@ HBuilderX 3.6.20+，uni-app uts插件，运行到Android，支持Debug调试 ...@@ -46,10 +46,10 @@ HBuilderX 3.6.20+，uni-app uts插件，运行到Android，支持Debug调试
在【变量窗口】，选中变量，右键菜单，即可将变量添加到监视窗口。 在【变量窗口】，选中变量，右键菜单，即可将变量添加到监视窗口。
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/uts-add_to_monitor.png" style="zoom: 50%;" /> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uts-add_to_monitor.png" style="zoom: 50%;" />
### 悬停显示@hover ### 悬停显示@hover
断点调试过程中，将鼠标悬停在要查看的变量上，即可打开悬停窗口。 断点调试过程中，将鼠标悬停在要查看的变量上，即可打开悬停窗口。
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/uts-hovering_window.jpg" style="zoom: 60%;" /> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uts-hovering_window.jpg" style="zoom: 60%;" />
\ No newline at end of file \ No newline at end of file
docs/tutorial/debug/uni-vue-devtools.md
浏览文件 @ 6a735acf
...@@ -28,19 +28,19 @@ vue devtools提供了2个特色功能： ...@@ -28,19 +28,19 @@ vue devtools提供了2个特色功能：
HBuilderX 运行菜单下针对每个运行平台有一个 `运行时自动打开 Vue Devtools` 按钮， HBuilderX 运行菜单下针对每个运行平台有一个 `运行时自动打开 Vue Devtools` 按钮，
![](https://web-assets.dcloud.net.cn/unidoc/zh/devtools-auto-open.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/devtools-auto-open.png)
勾选后，运行到对应平台时会自动开启 Vue Devtools。服务启动后，会自动打开一个弹窗，并显示待连接状态， 勾选后，运行到对应平台时会自动开启 Vue Devtools。服务启动后，会自动打开一个弹窗，并显示待连接状态，
![](https://web-assets.dcloud.net.cn/unidoc/zh/devtools-hx-waiting-connect.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/devtools-hx-waiting-connect.png)
对应平台项目运行后会与该弹窗建立连接。 对应平台项目运行后会与该弹窗建立连接。
![](https://web-assets.dcloud.net.cn/unidoc/zh/devtools-hx-connected.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/devtools-hx-connected.png)
如果您不需要默认开启 Vue Devtools，但在开发过程中临时需要 Devtools 调试，可点击控制台右上角 Vue 图标按钮， 如果您不需要默认开启 Vue Devtools，但在开发过程中临时需要 Devtools 调试，可点击控制台右上角 Vue 图标按钮，
![](https://web-assets.dcloud.net.cn/unidoc/zh/devtools-control-panel-icon.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/devtools-control-panel-icon.png)
此时会以 Devtools 模式重启开发服务。 此时会以 Devtools 模式重启开发服务。
...@@ -66,11 +66,11 @@ HBuilderX 运行菜单下针对每个运行平台有一个 `运行时自动打 ...@@ -66,11 +66,11 @@ HBuilderX 运行菜单下针对每个运行平台有一个 `运行时自动打
服务启动后，会自动在默认浏览器打开一个页面，并显示待连接状态， 服务启动后，会自动在默认浏览器打开一个页面，并显示待连接状态，
![](https://web-assets.dcloud.net.cn/unidoc/zh/devtools-waiting-connect.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/devtools-waiting-connect.png)
对应平台项目运行后会与该页面建立连接。 对应平台项目运行后会与该页面建立连接。
![](https://web-assets.dcloud.net.cn/unidoc/zh/devtools-connected.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/devtools-connected.png)
### 常见问题 ### 常见问题
......
docs/tutorial/i18n.md
浏览文件 @ 6a735acf
...@@ -431,15 +431,15 @@ HBuilderX 3.5.2 起，关于i18n国际化，uni-app pages.json和Vue页面 HBuil ...@@ -431,15 +431,15 @@ HBuilderX 3.5.2 起，关于i18n国际化，uni-app pages.json和Vue页面 HBuil
#### Vue页面 i18n代码提示 #### Vue页面 i18n代码提示
![uni-app vue页面代码提示](https://web-assets.dcloud.net.cn/unidoc/zh/i18n_vue.png) ![uni-app vue页面代码提示](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/i18n_vue.png)
#### pages.json i18n代码提示 #### pages.json i18n代码提示
![](https://web-assets.dcloud.net.cn/unidoc/zh/i18n_pages.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/i18n_pages.png)
#### hover和转到定义 #### hover和转到定义
1. 将光标置于国际化内容上，悬浮框会显示对应的国际化词条内容。 1. 将光标置于国际化内容上，悬浮框会显示对应的国际化词条内容。
2. 在国际化词条上，【Alt+鼠标单击】，显示下划线，即可跳转到对应的国际化语言文件。 2. 在国际化词条上，【Alt+鼠标单击】，显示下划线，即可跳转到对应的国际化语言文件。
![](https://web-assets.dcloud.net.cn/unidoc/zh/i18n-hover.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/i18n-hover.png)
docs/tutorial/internationalization.md
浏览文件 @ 6a735acf
...@@ -11,11 +11,11 @@ DCloud为支持海外开发者，特推出“国际区”注册服务，注册 ...@@ -11,11 +11,11 @@ DCloud为支持海外开发者，特推出“国际区”注册服务，注册
请按照如下步骤完成账号注册： 请按照如下步骤完成账号注册：
1. 点击 HBuilderX 左下角的“未登录”文字，打开登录窗口 1. 点击 HBuilderX 左下角的“未登录”文字，打开登录窗口
2. 选择“Global”，点击下方的“No account?Sign up”连接 2. 选择“Global”，点击下方的“No account?Sign up”连接
![](https://web-assets.dcloud.net.cn/unidoc/zh/intern-01.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/intern-01.png)
3. 在打开的浏览器中，输入用户名、邮箱、密码等信息 3. 在打开的浏览器中，输入用户名、邮箱、密码等信息
![](https://web-assets.dcloud.net.cn/unidoc/zh/intern-02.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/intern-02.png)
4. 注册成功的话，会提示已发送激活邮箱 4. 注册成功的话，会提示已发送激活邮箱
![](https://web-assets.dcloud.net.cn/unidoc/zh/intern-03.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/intern-03.png)
5. 登录你的邮箱，收取激活邮件，并点击其中的链接，完成账号激活 5. 登录你的邮箱，收取激活邮件，并点击其中的链接，完成账号激活
6. 账号激活后，返回 HBuilderX 界面，重新点击左下角的”未登录”文字，打开登录窗口，使用刚才注册的账号、密码，完成登录。 6. 账号激活后，返回 HBuilderX 界面，重新点击左下角的”未登录”文字，打开登录窗口，使用刚才注册的账号、密码，完成登录。
...@@ -29,7 +29,7 @@ DCloud为支持海外开发者，特推出“国际区”注册服务，注册 ...@@ -29,7 +29,7 @@ DCloud为支持海外开发者，特推出“国际区”注册服务，注册
3. “国际区”账号仅支持”uniapp“项目打包，不支持 "5+APp"、"wap2app"打包； 3. “国际区”账号仅支持”uniapp“项目打包，不支持 "5+APp"、"wap2app"打包；
4. “国际区”账号不支持使用公共测试证书（test keystore）和DCloud老版证书（DCloud keystore） 4. “国际区”账号不支持使用公共测试证书（test keystore）和DCloud老版证书（DCloud keystore）
![](https://web-assets.dcloud.net.cn/unidoc/zh/intern-06.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/intern-06.png)
## 隐私政策 ## 隐私政策
......
docs/tutorial/nvue-api.md
浏览文件 @ 6a735acf
...@@ -53,7 +53,7 @@ ...@@ -53,7 +53,7 @@
``` ```
<img width="300px" src="https://web-assets.dcloud.net.cn/unidoc/zh/iconfontImg.PNG" /> <img width="300px" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/iconfontImg.PNG" />
**addRule(type, contentObject)** **addRule(type, contentObject)**
...@@ -171,7 +171,7 @@ ...@@ -171,7 +171,7 @@
<img width="300px" src="https://web-assets.dcloud.net.cn/unidoc/zh/gite.gif" /> <img width="300px" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/gite.gif" />
### getComponentRect ### getComponentRect
...@@ -255,7 +255,7 @@ ...@@ -255,7 +255,7 @@
``` ```
<img width="300px" src="https://web-assets.dcloud.net.cn/unidoc/zh/gifd.gif" /> <img width="300px" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/gifd.gif" />
...@@ -522,7 +522,7 @@ BindingX是一种规则，解析快，但没有js那样足够强的编程灵活 ...@@ -522,7 +522,7 @@ BindingX是一种规则，解析快，但没有js那样足够强的编程灵活
</style> </style>
``` ```
<img width="300px" src="https://web-assets.dcloud.net.cn/unidoc/zh/gitc.gif" /> <img width="300px" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/gitc.gif" />
......
docs/tutorial/nvue-css.md
浏览文件 @ 6a735acf
...@@ -44,7 +44,7 @@ nvue盒模型基于 CSS 盒模型，每个 nvue 元素都可视作一个盒子 ...@@ -44,7 +44,7 @@ nvue盒模型基于 CSS 盒模型，每个 nvue 元素都可视作一个盒子
盒模型描述了一个元素所占用的空间。每一个盒子有四条边界：外边距边界 `margin edge`, 边框边界 `border edge`, 内边距边界 `padding edge` 与内容边界 `content edge`。这四层边界，形成一层层的盒子包裹起来，这就是盒模型大体上的含义。 盒模型描述了一个元素所占用的空间。每一个盒子有四条边界：外边距边界 `margin edge`, 边框边界 `border edge`, 内边距边界 `padding edge` 与内容边界 `content edge`。这四层边界，形成一层层的盒子包裹起来，这就是盒模型大体上的含义。
![图片描述文字](https://web-assets.dcloud.net.cn/unidoc/zh/flexBox.png) ![图片描述文字](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/flexBox.png)
> nvue盒模型的 `box-sizing` 默认为 `border-box`，即盒子的宽高包含内容、内边距和边框的宽度，不包含外边距的宽度。 > nvue盒模型的 `box-sizing` 默认为 `border-box`，即盒子的宽高包含内容、内边距和边框的宽度，不包含外边距的宽度。
...@@ -60,7 +60,7 @@ nvue盒模型基于 CSS 盒模型，每个 nvue 元素都可视作一个盒子 ...@@ -60,7 +60,7 @@ nvue盒模型基于 CSS 盒模型，每个 nvue 元素都可视作一个盒子
```html ```html
<template> <template>
<view> <view>
<image style="width: 400rpx; height: 200rpx; margin-left: 20rpx;" src="https://web-assets.dcloud.net.cn/unidoc/zh/loveIcon.png"></image> <image style="width: 400rpx; height: 200rpx; margin-left: 20rpx;" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/loveIcon.png"></image>
</view> </view>
</template> </template>
``` ```
...@@ -217,7 +217,7 @@ nvue布局模型基于 CSS Flexbox，以便所有页面元素的排版能够一 ...@@ -217,7 +217,7 @@ nvue布局模型基于 CSS Flexbox，以便所有页面元素的排版能够一
|space-around |表示 flex 成员项两侧的间隔相等，所以，成员项之间的间隔比成员项与边框的间隔大一倍 | |space-around |表示 flex 成员项两侧的间隔相等，所以，成员项之间的间隔比成员项与边框的间隔大一倍 |
![图片描述文字](https://web-assets.dcloud.net.cn/unidoc/zh/justify-content.png) ![图片描述文字](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/justify-content.png)
...@@ -233,7 +233,7 @@ nvue布局模型基于 CSS Flexbox，以便所有页面元素的排版能够一 ...@@ -233,7 +233,7 @@ nvue布局模型基于 CSS Flexbox，以便所有页面元素的排版能够一
|flex-end |下对齐，所有的成员项排列在容器底部 | |flex-end |下对齐，所有的成员项排列在容器底部 |
|center |中间对齐，所有成员项都垂直地居中显示 | |center |中间对齐，所有成员项都垂直地居中显示 |
![图片描述文字](https://web-assets.dcloud.net.cn/unidoc/zh/align-items.png) ![图片描述文字](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/align-items.png)
### flex ### flex
...@@ -410,7 +410,7 @@ flex {number}：值为 number 类型。 ...@@ -410,7 +410,7 @@ flex {number}：值为 number 类型。
<template> <template>
<view class="row"> <view class="row">
<view class="box" :class="{'active':isActive}" @click="isActive = !isActive"> <view class="box" :class="{'active':isActive}" @click="isActive = !isActive">
<image class="img" src="https://web-assets.dcloud.net.cn/unidoc/zh/loveIcon.png" mode="aspectFill"></image> <image class="img" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/loveIcon.png" mode="aspectFill"></image>
</view> </view>
</view> </view>
</template> </template>
...@@ -453,7 +453,7 @@ flex {number}：值为 number 类型。 ...@@ -453,7 +453,7 @@ flex {number}：值为 number 类型。
</style> </style>
``` ```
<img width="300px" src="https://web-assets.dcloud.net.cn/unidoc/zh/gitb.gif" /> <img width="300px" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/gitb.gif" />
## Transform ## Transform
...@@ -585,7 +585,7 @@ flex {number}：值为 number 类型。 ...@@ -585,7 +585,7 @@ flex {number}：值为 number 类型。
<img width="300px" src="https://web-assets.dcloud.net.cn/unidoc/zh/gifa.gif" /> <img width="300px" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/gifa.gif" />
## 伪类 ## 伪类
...@@ -604,7 +604,7 @@ flex {number}：值为 number 类型。 ...@@ -604,7 +604,7 @@ flex {number}：值为 number 类型。
- 互联规则如下所示 - 互联规则如下所示
<img width="400px" src="https://web-assets.dcloud.net.cn/unidoc/zh/active.png" /> <img width="400px" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/active.png" />
## 线性渐变 ## 线性渐变
...@@ -634,7 +634,7 @@ flex {number}：值为 number 类型。 ...@@ -634,7 +634,7 @@ flex {number}：值为 number 类型。
> **目前暂不支持 radial-gradient（径向渐变）。** > **目前暂不支持 radial-gradient（径向渐变）。**
<img width="300px" src="https://web-assets.dcloud.net.cn/unidoc/zh/gradients.PNG" /> <img width="300px" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/gradients.PNG" />
## 阴影@boxshadow ## 阴影@boxshadow
......
docs/tutorial/nvue-outline.md
浏览文件 @ 6a735acf
...@@ -201,9 +201,9 @@ HBuilderX 内置了 weex 调试工具的强化版，包括审查界面元素、 ...@@ -201,9 +201,9 @@ HBuilderX 内置了 weex 调试工具的强化版，包括审查界面元素、
> 此演示在 Android 5.1 版本手机上的效果，高版本手机效果没有这么明显 > 此演示在 Android 5.1 版本手机上的效果，高版本手机效果没有这么明显
<img style="width:300px;" src="https://web-assets.dcloud.net.cn/unidoc/zh/render-whole.gif"></img> <img style="width:300px;" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/render-whole.gif"></img>
示例工程[点击下载](https://web-assets.dcloud.net.cn/unidoc/zh/NvueOptimization.zip) 示例工程[点击下载](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/NvueOptimization.zip)
## nvue开发与vue开发的常见区别 ## nvue开发与vue开发的常见区别
......
docs/tutorial/page.md
浏览文件 @ 6a735acf
...@@ -15,7 +15,7 @@ uni-app项目中，一个页面就是一个符合`Vue SFC规范`的`.vue`文件 ...@@ -15,7 +15,7 @@ uni-app项目中，一个页面就是一个符合`Vue SFC规范`的`.vue`文件
同时，HBuilderX 还内置了常用的页面模板（如图文列表、商品列表等），选择这些模板，可以大幅提升你的开发效率。 同时，HBuilderX 还内置了常用的页面模板（如图文列表、商品列表等），选择这些模板，可以大幅提升你的开发效率。
<div> <div>
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/pages-add-02.png" style="max-width:450px"></img> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/pages-add-02.png" style="max-width:450px"></img>
</div> </div>
## 删除页面 ## 删除页面
......
docs/tutorial/platform.md
浏览文件 @ 6a735acf
...@@ -130,17 +130,17 @@ uni-app 已将常用的组件、JS API 封装到框架中，开发者按照 uni- ...@@ -130,17 +130,17 @@ uni-app 已将常用的组件、JS API 封装到框架中，开发者按照 uni-
示例，如下代码仅在 App 下出现: 示例，如下代码仅在 App 下出现:
![](https://web-assets.dcloud.net.cn/unidoc/zh/platform-7.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/platform-7.png)
示例，如下代码不会在 H5 平台上出现： 示例，如下代码不会在 H5 平台上出现：
![](https://web-assets.dcloud.net.cn/unidoc/zh/platform-6.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/platform-6.png)
除了支持单个平台的条件编译外，还支持**多平台**同时编译，使用 || 来分隔平台名称。 除了支持单个平台的条件编译外，还支持**多平台**同时编译，使用 || 来分隔平台名称。
示例，如下代码会在 App 和 H5 平台上出现： 示例，如下代码会在 App 和 H5 平台上出现：
![](https://web-assets.dcloud.net.cn/unidoc/zh/platform-5.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/platform-5.png)
### 组件的条件编译 ### 组件的条件编译
<pre v-pre="" data-lang="html"><code class="lang-html code"><span class="token comment">&lt;!-- <span style="color:#859900;"> #ifdef</span><b style="color:#268BD2"> %PLATFORM%</b> --&gt;</span> <pre v-pre="" data-lang="html"><code class="lang-html code"><span class="token comment">&lt;!-- <span style="color:#859900;"> #ifdef</span><b style="color:#268BD2"> %PLATFORM%</b> --&gt;</span>
...@@ -170,16 +170,16 @@ uni-app 已将常用的组件、JS API 封装到框架中，开发者按照 uni- ...@@ -170,16 +170,16 @@ uni-app 已将常用的组件、JS API 封装到框架中，开发者按照 uni-
正确写法 正确写法
![](https://web-assets.dcloud.net.cn/unidoc/zh/platform-2.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/platform-2.png)
错误写法 错误写法
![](https://web-assets.dcloud.net.cn/unidoc/zh/platform-3.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/platform-3.png)
### pages.json 的条件编译 ### pages.json 的条件编译
下面的页面，只有运行至 App 时才会编译进去。 下面的页面，只有运行至 App 时才会编译进去。
![](https://web-assets.dcloud.net.cn/unidoc/zh/platform-4.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/platform-4.png)
不同平台下的特有功能，以及小程序平台的分包，都可以通过 pages.json 的条件编译来更好地实现。这样，就不会在其它平台产生多余的资源，进而减小包体积。 不同平台下的特有功能，以及小程序平台的分包，都可以通过 pages.json 的条件编译来更好地实现。这样，就不会在其它平台产生多余的资源，进而减小包体积。
...@@ -245,24 +245,24 @@ HBuilderX 为 ``uni-app`` 的条件编译提供了丰富的支持: ...@@ -245,24 +245,24 @@ HBuilderX 为 ``uni-app`` 的条件编译提供了丰富的支持:
在 HBuilderX 中开发 ``uni-app`` 时，通过输入 **ifdef** 可快速生成条件编译的代码片段 在 HBuilderX 中开发 ``uni-app`` 时，通过输入 **ifdef** 可快速生成条件编译的代码片段
![](https://web-assets.dcloud.net.cn/unidoc/zh/uni-022402.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni-022402.png)
**语法高亮** **语法高亮**
在 HBuilderX 中对条件编译的代码注释部分提供了语法高亮，可分辨出写法是否正确，使得代码更加清晰（独立js文件需在编辑器右下角切换javascript es6+编辑器，独立css文件暂不支持高亮，但不高亮不影响使用） 在 HBuilderX 中对条件编译的代码注释部分提供了语法高亮，可分辨出写法是否正确，使得代码更加清晰（独立js文件需在编辑器右下角切换javascript es6+编辑器，独立css文件暂不支持高亮，但不高亮不影响使用）
![](https://web-assets.dcloud.net.cn/unidoc/zh/uni-012403.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni-012403.png)
**正确注释和快速选中** **正确注释和快速选中**
在 HBuilderX 中，ctrl+alt+/ 即可生成正确注释（js：``// 注释``、css：``/* 注释 */``、vue/nvue模板： ``<!-- 注释 -->``）。 在 HBuilderX 中，ctrl+alt+/ 即可生成正确注释（js：``// 注释``、css：``/* 注释 */``、vue/nvue模板： ``<!-- 注释 -->``）。
![](https://web-assets.dcloud.net.cn/unidoc/zh/uni2019012801.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni2019012801.png)
点击 **ifdef** 或 **endif** 可快速选中条件编译部分；点击左侧的折叠图标，可折叠条件编译部分代码。 点击 **ifdef** 或 **endif** 可快速选中条件编译部分；点击左侧的折叠图标，可折叠条件编译部分代码。
![](https://web-assets.dcloud.net.cn/unidoc/zh/uni-012501.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni-012501.png)
......
docs/tutorial/run-and-debug.md
浏览文件 @ 6a735acf
...@@ -31,11 +31,11 @@ uni-app可以用cli项目的npm命令运行，但更重要的是，DCloud提供 ...@@ -31,11 +31,11 @@ uni-app可以用cli项目的npm命令运行，但更重要的是，DCloud提供
1. 顶部运行菜单 1. 顶部运行菜单
![](https://web-assets.dcloud.net.cn/unidoc/zh/menurun.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/menurun.png)
2. toolbar工具栏上的运行按钮 2. toolbar工具栏上的运行按钮
![](https://web-assets.dcloud.net.cn/unidoc/zh/toolbarrun.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/toolbarrun.png)
toolbar的运行按钮点击后会展开一个菜单。这个菜单可配置，通过`自定义菜单`将不常用的运行项目折叠起来。 toolbar的运行按钮点击后会展开一个菜单。这个菜单可配置，通过`自定义菜单`将不常用的运行项目折叠起来。
......
docs/tutorial/run/apple-signature-ipa.md
浏览文件 @ 6a735acf
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
MacOSX HBuilderX 3.6.11+，支持选择标准基座签名后的位置。如下图所示： MacOSX HBuilderX 3.6.11+，支持选择标准基座签名后的位置。如下图所示：
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/ipa_save.jpg" style="zoom: 50%;" /> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/ipa_save.jpg" style="zoom: 50%;" />
**保存在HBuilderX插件目录下** **保存在HBuilderX插件目录下**
......
docs/tutorial/run/ios-apple-certificate-signature.md
浏览文件 @ 6a735acf
...@@ -14,11 +14,11 @@ ...@@ -14,11 +14,11 @@
选择任意App项目，点击工具栏运行图标，选择【运行到iOS App基座】，在弹出的窗口中，点击按钮【使用Apple证书签名】，如下图 选择任意App项目，点击工具栏运行图标，选择【运行到iOS App基座】，在弹出的窗口中，点击按钮【使用Apple证书签名】，如下图
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/ios%E6%A0%87%E5%87%86%E5%9F%BA%E5%BA%A7%E7%AD%BE%E5%90%8D1.jpg" style="zoom: 50%" /> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/ios%E6%A0%87%E5%87%86%E5%9F%BA%E5%BA%A7%E7%AD%BE%E5%90%8D1.jpg" style="zoom: 50%" />
在iOS标准基座签名窗口，输入`Bundle ID`、`证书私钥密码`、`证书profile文件`、`私钥证书P12文件`，即可完成签名。 在iOS标准基座签名窗口，输入`Bundle ID`、`证书私钥密码`、`证书profile文件`、`私钥证书P12文件`，即可完成签名。
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/ios%E6%A0%87%E5%87%86%E5%9F%BA%E5%BA%A7%E7%AD%BE%E5%90%8D2.jpg" style="zoom: 50%" /> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/ios%E6%A0%87%E5%87%86%E5%9F%BA%E5%BA%A7%E7%AD%BE%E5%90%8D2.jpg" style="zoom: 50%" />
## 其他签名方案 ## 其他签名方案
...@@ -26,17 +26,17 @@ Windows系统，HBuilderX 3.6.20以下版本，没有内置重签功能，开发 ...@@ -26,17 +26,17 @@ Windows系统，HBuilderX 3.6.20以下版本，没有内置重签功能，开发
Windows, iOS标准基座路径：`HBuilderX安装目录\plugins\launcher\base\iPhone_base.ipa`，如下所示： Windows, iOS标准基座路径：`HBuilderX安装目录\plugins\launcher\base\iPhone_base.ipa`，如下所示：
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/windows_ios%E6%A0%87%E5%87%86%E5%9F%BA%E5%BA%A7%E7%AD%BE%E5%90%8D_1.jpg" style="zoom: 50%" /> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/windows_ios%E6%A0%87%E5%87%86%E5%9F%BA%E5%BA%A7%E7%AD%BE%E5%90%8D_1.jpg" style="zoom: 50%" />
下面讲描述如何使用爱思助手对iOS标准基座签名。 下面讲描述如何使用爱思助手对iOS标准基座签名。
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/windows_ios%E6%A0%87%E5%87%86%E5%9F%BA%E5%BA%A7%E7%AD%BE%E5%90%8D_2.jpg" style="zoom: 50%" /> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/windows_ios%E6%A0%87%E5%87%86%E5%9F%BA%E5%BA%A7%E7%AD%BE%E5%90%8D_2.jpg" style="zoom: 50%" />
如果签名成功，爱思助手会提示签名成功。签名成功后，找到签名后的ipa文件，并命名为`iPhone_base_signed.ipa`，然后将其拷贝到`HBuilderX安装目录\plugins\launcher\base`。 如果签名成功，爱思助手会提示签名成功。签名成功后，找到签名后的ipa文件，并命名为`iPhone_base_signed.ipa`，然后将其拷贝到`HBuilderX安装目录\plugins\launcher\base`。
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/windows_ios%E6%A0%87%E5%87%86%E5%9F%BA%E5%BA%A7%E7%AD%BE%E5%90%8D_3.jpg" style="zoom: 50%" /> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/windows_ios%E6%A0%87%E5%87%86%E5%9F%BA%E5%BA%A7%E7%AD%BE%E5%90%8D_3.jpg" style="zoom: 50%" />
上述操作完成后，打开HBuilderX，选择要运行的项目，点击工具栏运行图标，选择【运行到iOS App基座】，如下图所示，即可运行标准基座到iOS真机了。 上述操作完成后，打开HBuilderX，选择要运行的项目，点击工具栏运行图标，选择【运行到iOS App基座】，如下图所示，即可运行标准基座到iOS真机了。
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/windows_ios%E6%A0%87%E5%87%86%E5%9F%BA%E5%BA%A7%E7%AD%BE%E5%90%8D_4.jpg" style="zoom: 50%" > <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/windows_ios%E6%A0%87%E5%87%86%E5%9F%BA%E5%BA%A7%E7%AD%BE%E5%90%8D_4.jpg" style="zoom: 50%" >
docs/tutorial/run/run-app-faq.md
浏览文件 @ 6a735acf
...@@ -59,7 +59,7 @@ HBuilderX支持项目类型较多，只有`uni-app`、`5+app`、`wap2app`可以 ...@@ -59,7 +59,7 @@ HBuilderX支持项目类型较多，只有`uni-app`、`5+app`、`wap2app`可以
2. 首先确认Xcode（版本必须是6.0及以上版本）已安装并能正常启动模拟器 2. 首先确认Xcode（版本必须是6.0及以上版本）已安装并能正常启动模拟器
3. 如果仍然无法检测到，则打开Xcode，然后打开Xcode的 `Preferences --> Locations`，设置该界面中的 `Command Line Tools` 项，选择正确的`Xcode`版本即可 3. 如果仍然无法检测到，则打开Xcode，然后打开Xcode的 `Preferences --> Locations`，设置该界面中的 `Command Line Tools` 项，选择正确的`Xcode`版本即可
![](https://web-assets.dcloud.net.cn/unidoc/zh/xcode_ios_simulator.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/xcode_ios_simulator.png)
### 3.2 Mac: 连接Android手机@mac-android ### 3.2 Mac: 连接Android手机@mac-android
...@@ -274,7 +274,7 @@ HBuilderX 3.5.3之后的版本，App真机运行 使用Node运行，不再依赖 ...@@ -274,7 +274,7 @@ HBuilderX 3.5.3之后的版本，App真机运行 使用Node运行，不再依赖
### 6.1 同步资源失败，未得到同步资源的授权，请停止运行后重新运行，并注意手机上的授权提示@failed-to-sync-resource ### 6.1 同步资源失败，未得到同步资源的授权，请停止运行后重新运行，并注意手机上的授权提示@failed-to-sync-resource
[](https://web-assets.dcloud.net.cn/unidoc/zh/app_sync_resource_fail.jpeg) [](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/app_sync_resource_fail.jpeg)
**如果您遇到以下错误，请先查看基座类型：** **如果您遇到以下错误，请先查看基座类型：**
...@@ -308,7 +308,7 @@ HBuilderX 3.5.3之后的版本，App真机运行 使用Node运行，不再依赖 ...@@ -308,7 +308,7 @@ HBuilderX 3.5.3之后的版本，App真机运行 使用Node运行，不再依赖
某些情况下，如下图所示，点击菜单没有反应。 某些情况下，如下图所示，点击菜单没有反应。
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/app_run_menu.jpg" style="zoom: 50%;" /> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/app_run_menu.jpg" style="zoom: 50%;" />
- 如果替换过HBuilderX安装目录下的Node程序，请还原Node程序或重装HBuilderX。 - 如果替换过HBuilderX安装目录下的Node程序，请还原Node程序或重装HBuilderX。
- 如果之前`运行菜单点击响应正常`，`操作系统环境变量`更改Node变量后出错，请清除操作系统环境变量中配置的Node变量。 - 如果之前`运行菜单点击响应正常`，`操作系统环境变量`更改Node变量后出错，请清除操作系统环境变量中配置的Node变量。
......
docs/tutorial/run/run-app.md
浏览文件 @ 6a735acf
...@@ -13,11 +13,11 @@ HBuilder支持itunes协议，在HBuilder运行的电脑上，使用usb线连接i ...@@ -13,11 +13,11 @@ HBuilder支持itunes协议，在HBuilder运行的电脑上，使用usb线连接i
1. HBuilder顶部运行菜单 1. HBuilder顶部运行菜单
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/menurunapp.png" style="zoom: 50%;" /> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/menurunapp.png" style="zoom: 50%;" />
2. 工具栏运行按钮 2. 工具栏运行按钮
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/toolbarrunmenuapp.png" style="zoom: 50%;" /> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/toolbarrunmenuapp.png" style="zoom: 50%;" />
可以按数字快速选择菜单项。比如按“4”选择“运行到Android App基座”。也可以按上下键然后回车选择。 可以按数字快速选择菜单项。比如按“4”选择“运行到Android App基座”。也可以按上下键然后回车选择。
...@@ -40,7 +40,7 @@ HBuilder支持itunes协议，在HBuilder运行的电脑上，使用usb线连接i ...@@ -40,7 +40,7 @@ HBuilder支持itunes协议，在HBuilder运行的电脑上，使用usb线连接i
### Android设备选择 ### Android设备选择
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/select-android.jpeg" style="zoom: 50%;" /> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/select-android.jpeg" style="zoom: 50%;" />
**注意事项** **注意事项**
- 如果电脑里安装有模拟器（Android模拟器需要先启动），HBuilder会直接检测到设备并显示在候选列表中。可以参考[如何安装模拟器](installSimulator.md) - 如果电脑里安装有模拟器（Android模拟器需要先启动），HBuilder会直接检测到设备并显示在候选列表中。可以参考[如何安装模拟器](installSimulator.md)
...@@ -53,7 +53,7 @@ HBuilder支持itunes协议，在HBuilder运行的电脑上，使用usb线连接i ...@@ -53,7 +53,7 @@ HBuilder支持itunes协议，在HBuilder运行的电脑上，使用usb线连接i
> 因收到苹果公司警告，自2022年9月14日起iOS真机设备不再支持使用标准真机运行基座，详情见论坛公告：[https://ask.dcloud.net.cn/article/40041](https://ask.dcloud.net.cn/article/40041) > 因收到苹果公司警告，自2022年9月14日起iOS真机设备不再支持使用标准真机运行基座，详情见论坛公告：[https://ask.dcloud.net.cn/article/40041](https://ask.dcloud.net.cn/article/40041)
> 在iOS真机设备上运行请向苹果申请证书制作[自定义基座](#customplayground)或者在Mac电脑使用[iOS模拟器](#ios_simulator) > 在iOS真机设备上运行请向苹果申请证书制作[自定义基座](#customplayground)或者在Mac电脑使用[iOS模拟器](#ios_simulator)
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/select-ios.jpeg" style="zoom: 50%;" /> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/select-ios.jpeg" style="zoom: 50%;" />
**注意事项** **注意事项**
- 确保usb线的连接通畅（有些数据线质量不佳，需使用高电压usb端口，如果无法识别时候请尝试更换数据线） - 确保usb线的连接通畅（有些数据线质量不佳，需使用高电压usb端口，如果无法识别时候请尝试更换数据线）
...@@ -86,7 +86,7 @@ HBuilder支持itunes协议，在HBuilder运行的电脑上，使用usb线连接i ...@@ -86,7 +86,7 @@ HBuilder支持itunes协议，在HBuilder运行的电脑上，使用usb线连接i
运行成功后，HBuilder底部的控制台显示成功日志。此后修改代码会差量同步到手机上，手机程序会动态热刷。同时console.log代码会打印到控制台上，点击打印日志可以跳转到相关代码。 运行成功后，HBuilder底部的控制台显示成功日志。此后修改代码会差量同步到手机上，手机程序会动态热刷。同时console.log代码会打印到控制台上，点击打印日志可以跳转到相关代码。
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/run-app-console.jpg" style="zoom: 50%;" /> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/run-app-console.jpg" style="zoom: 50%;" />
### 运行项目到iOS真机App自启动@ios-app-automatically-open ### 运行项目到iOS真机App自启动@ios-app-automatically-open
...@@ -96,7 +96,7 @@ HBuilderX 3.7.0+版本，新增 运行App项目到iOS真机，运行成功后， ...@@ -96,7 +96,7 @@ HBuilderX 3.7.0+版本，新增 运行App项目到iOS真机，运行成功后，
**如下图所示：** **如下图所示：**
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/ios_start.jpg" style="zoom: 50%;" /> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/ios_start.jpg" style="zoom: 50%;" />
**注意：** MacOSX需要安装跟iOS手机系统相匹配的Xcode版本。 比如iPhone手机系统是iOS 16.2，那么也需要安装支持iOS 16.2的Xcode版本。如果`/Applications/Xcode.app/Contents/Developer/Platforms/iPhoneOS.platform/DeviceSupport`目录下不存在跟手机系统相匹配的`iOS Platforms`, 那么是无法自启动App的。请在手机端点击运行基座图标手动启动。 **注意：** MacOSX需要安装跟iOS手机系统相匹配的Xcode版本。 比如iPhone手机系统是iOS 16.2，那么也需要安装支持iOS 16.2的Xcode版本。如果`/Applications/Xcode.app/Contents/Developer/Platforms/iPhoneOS.platform/DeviceSupport`目录下不存在跟手机系统相匹配的`iOS Platforms`, 那么是无法自启动App的。请在手机端点击运行基座图标手动启动。
...@@ -106,7 +106,7 @@ HBuilderX 3.7.0+版本，新增 运行App项目到iOS真机，运行成功后， ...@@ -106,7 +106,7 @@ HBuilderX 3.7.0+版本，新增 运行App项目到iOS真机，运行成功后，
ls -lh /Applications/Xcode.app/Contents/Developer/Platforms/iPhoneOS.platform/DeviceSupport ls -lh /Applications/Xcode.app/Contents/Developer/Platforms/iPhoneOS.platform/DeviceSupport
``` ```
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/ios-version.jpg" style="zoom: 45%;border: 1px solid #EEEEEE !important; border-radius: 20px;" /> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/ios-version.jpg" style="zoom: 45%;border: 1px solid #EEEEEE !important; border-radius: 20px;" />
MacOSX，如果无法自动启动App，请排查以下原因： MacOSX，如果无法自动启动App，请排查以下原因：
- iOS手机系统没有匹配Xcode版本 - iOS手机系统没有匹配Xcode版本
...@@ -129,7 +129,7 @@ MacOSX，如果无法自动启动App，请排查以下原因： ...@@ -129,7 +129,7 @@ MacOSX，如果无法自动启动App，请排查以下原因：
但打包后无法方便调试，不能热重载和显示控制台日志。所以HBuilder在打包时提供了一个特殊选项，打包“自定义运行基座”。 但打包后无法方便调试，不能热重载和显示控制台日志。所以HBuilder在打包时提供了一个特殊选项，打包“自定义运行基座”。
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/build-app-customplayground.jpg" style="zoom: 50%;" /> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/build-app-customplayground.jpg" style="zoom: 50%;" />
> 打包App的入口在HBuilder顶部发行菜单，或快捷键【Ctrl+u】 > 打包App的入口在HBuilder顶部发行菜单，或快捷键【Ctrl+u】
...@@ -146,7 +146,7 @@ MacOSX，如果无法自动启动App，请排查以下原因： ...@@ -146,7 +146,7 @@ MacOSX，如果无法自动启动App，请排查以下原因：
生成自定义基座后，在设备选择窗口，可以选择自定义基座，如下图所示： 生成自定义基座后，在设备选择窗口，可以选择自定义基座，如下图所示：
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/hx_select_base.jpg" style="zoom: 50%;" /> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/hx_select_base.jpg" style="zoom: 50%;" />
注意：自定义运行基座是测试版，不可直接商用（使用自定义运行基座覆盖安装apk不会更新应用资源，并且有toast警告）。正式发版时需要按正常打包方式重新打包。 注意：自定义运行基座是测试版，不可直接商用（使用自定义运行基座覆盖安装apk不会更新应用资源，并且有toast警告）。正式发版时需要按正常打包方式重新打包。
......
docs/tutorial/run/run-custom-base-ios-simulator.md
浏览文件 @ 6a735acf
...@@ -8,10 +8,10 @@ MacOSX系统，App项目，运行自定义基座到iOS模拟器前，需要先 ...@@ -8,10 +8,10 @@ MacOSX系统，App项目，运行自定义基座到iOS模拟器前，需要先
如何制作自定义基座？ 选择项目，点击顶部菜单【发行】【原生App - 云打包】，如下窗口所示： 如何制作自定义基座？ 选择项目，点击顶部菜单【发行】【原生App - 云打包】，如下窗口所示：
<img src="http://web-assets.dcloud.net.cn/unidoc/zh/app-pack-make-ios-simulator-custom-base.jpg" style="zoom: 50%;"/> <img src="http://qiniu-web-assets.dcloud.net.cn/unidoc/zh/app-pack-make-ios-simulator-custom-base.jpg" style="zoom: 50%;"/>
### iOS模拟器设备选择窗口选择自定义基座 ### iOS模拟器设备选择窗口选择自定义基座
选择uni-app等App项目，点击工具栏运行菜单，在下拉列表中，点击【运行到iOS模拟器 App基座】 选择uni-app等App项目，点击工具栏运行菜单，在下拉列表中，点击【运行到iOS模拟器 App基座】
<img src="http://web-assets.dcloud.net.cn/unidoc/zh/run-custom-base-ios-simulator.jpg" style="zoom: 50%;"/> <img src="http://qiniu-web-assets.dcloud.net.cn/unidoc/zh/run-custom-base-ios-simulator.jpg" style="zoom: 50%;"/>
\ No newline at end of file \ No newline at end of file
docs/tutorial/run/uts-development-android.md
浏览文件 @ 6a735acf
...@@ -6,18 +6,18 @@ HBuilderX 3.6.9+， 新增 uts插件 Android平台 真机运行支持三方 Grad ...@@ -6,18 +6,18 @@ HBuilderX 3.6.9+， 新增 uts插件 Android平台 真机运行支持三方 Grad
运行带有uts插件的项目到Android设备，如果您遇到以下提示，请配置[运行环境](#Android环境配置) 运行带有uts插件的项目到Android设备，如果您遇到以下提示，请配置[运行环境](#Android环境配置)
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/20221111173829.jpg" style="zoom: 50%;" /> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/20221111173829.jpg" style="zoom: 50%;" />
## uts扩展插件 ## uts扩展插件
当您运行带有uts插件的项目到Android设备时，会自动安装【uts开发扩展 - Android】插件，请务必安装。具体如下： 当您运行带有uts插件的项目到Android设备时，会自动安装【uts开发扩展 - Android】插件，请务必安装。具体如下：
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/20221111171012.jpg" style="zoom: 50%" /> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/20221111171012.jpg" style="zoom: 50%" />
## 环境配置 ## 环境配置
> 下载插件后打开 HBuilderX到 【设置 - 插件配置】：如图 > 下载插件后打开 HBuilderX到 【设置 - 插件配置】：如图
![image](https://web-assets.dcloud.net.cn/unidoc/zh/%E9%85%8D%E7%BD%AE.png) ![image](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/%E9%85%8D%E7%BD%AE.png)
#### 上面的截图展示了以下配置： #### 上面的截图展示了以下配置：
...@@ -25,7 +25,7 @@ HBuilderX 3.6.9+， 新增 uts插件 Android平台 真机运行支持三方 Grad ...@@ -25,7 +25,7 @@ HBuilderX 3.6.9+， 新增 uts插件 Android平台 真机运行支持三方 Grad
1. 点击图标1的下载地址进入下载页面。如图所示，点击红圈部分下载工具包。 1. 点击图标1的下载地址进入下载页面。如图所示，点击红圈部分下载工具包。
![image](https://web-assets.dcloud.net.cn/unidoc/zh/gradle.png) ![image](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/gradle.png)
2. 将步骤1下载的内容解压后，找到bin目录下的执行脚本，填入图标3处。 2. 将步骤1下载的内容解压后，找到bin目录下的执行脚本，填入图标3处。
...@@ -38,7 +38,7 @@ HBuilderX 3.6.9+， 新增 uts插件 Android平台 真机运行支持三方 Grad ...@@ -38,7 +38,7 @@ HBuilderX 3.6.9+， 新增 uts插件 Android平台 真机运行支持三方 Grad
###### ◇ 下载Android Studio ###### ◇ 下载Android Studio
1. 如图所示，根据平台下载Android Studio 1. 如图所示，根据平台下载Android Studio
![image](https://web-assets.dcloud.net.cn/unidoc/zh/sdk-2.png) ![image](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/sdk-2.png)
2. 安装后获取Android Studio中sdk的路径地址填入到图标4处。 2. 安装后获取Android Studio中sdk的路径地址填入到图标4处。
...@@ -47,7 +47,7 @@ HBuilderX 3.6.9+， 新增 uts插件 Android平台 真机运行支持三方 Grad ...@@ -47,7 +47,7 @@ HBuilderX 3.6.9+， 新增 uts插件 Android平台 真机运行支持三方 Grad
###### ◇ 如不需要安装Android Studio可通过下载Command line tools only ###### ◇ 如不需要安装Android Studio可通过下载Command line tools only
1. 如图所示，根据平台下载Command line tools only。 1. 如图所示，根据平台下载Command line tools only。
![image](https://web-assets.dcloud.net.cn/unidoc/zh/sdk.png) ![image](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/sdk.png)
2. 下载解压后通过`%解压目录%/bin/sdkmanager脚本安装build-tools和platforms 2. 下载解压后通过`%解压目录%/bin/sdkmanager脚本安装build-tools和platforms
``` ```
...@@ -65,7 +65,7 @@ sdkmanager --sdk_root=%sdk路径% --install "platforms;android-30" ...@@ -65,7 +65,7 @@ sdkmanager --sdk_root=%sdk路径% --install "platforms;android-30"
##### 配置示例 ##### 配置示例
配置后如下图（根据本地目录结构有所不同） 配置后如下图（根据本地目录结构有所不同）
![image](https://web-assets.dcloud.net.cn/unidoc/zh/%E9%85%8D%E7%BD%AE%E5%AE%8C%E6%88%90.png) ![image](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/%E9%85%8D%E7%BD%AE%E5%AE%8C%E6%88%90.png)
**注意** **注意**
......
docs/tutorial/run/uts-development-ios.md
浏览文件 @ 6a735acf
...@@ -6,13 +6,13 @@ HBuilderX 3.6.9+，新增 uts插件 iOS平台 支持本地编译和真机运行 ...@@ -6,13 +6,13 @@ HBuilderX 3.6.9+，新增 uts插件 iOS平台 支持本地编译和真机运行
安装[uts扩展插件](#uts扩展插件)和[Xcode](#Xcode环境配置)后，您在本地修改uts插件iOS平台代码，即可在本地编译并真机运行到iOS设备，而无需再提交代码到云端制作自定义基座。 安装[uts扩展插件](#uts扩展插件)和[Xcode](#Xcode环境配置)后，您在本地修改uts插件iOS平台代码，即可在本地编译并真机运行到iOS设备，而无需再提交代码到云端制作自定义基座。
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/20221111172603.jpg" style="zoom: 45%" /> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/20221111172603.jpg" style="zoom: 45%" />
## uts扩展插件 ## uts扩展插件
当您运行带有uts插件的项目到`iOS真机设备`时，会自动安装【uts开发扩展 - iOS】插件，请务必安装。具体如下： 当您运行带有uts插件的项目到`iOS真机设备`时，会自动安装【uts开发扩展 - iOS】插件，请务必安装。具体如下：
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/ios_uts%E5%BC%80%E5%8F%91%E6%8F%92%E4%BB%B6.jpg" style="zoom: 50%" /> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/ios_uts%E5%BC%80%E5%8F%91%E6%8F%92%E4%BB%B6.jpg" style="zoom: 50%" />
## Xcode环境配置 ## Xcode环境配置
......
docs/tutorial/safe.md
浏览文件 @ 6a735acf
...@@ -79,7 +79,7 @@ uni云端一体安全网络文档：[详见](/uniCloud/secure-network.md) ...@@ -79,7 +79,7 @@ uni云端一体安全网络文档：[详见](/uniCloud/secure-network.md)
1. 是活人还是静态照片 1. 是活人还是静态照片
2. 这个人和指定的名字、身份证号，是否匹配 2. 这个人和指定的名字、身份证号，是否匹配
![](https://web-assets.dcloud.net.cn/unidoc/zh/202302242037107.jpg) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/202302242037107.jpg)
这样手机墙的操作者，不但需要有众多手机号、身份证照片，还需要众多人站在手机墙面前做活体检测，这他就褥不着多少羊毛了。 这样手机墙的操作者，不但需要有众多手机号、身份证照片，还需要众多人站在手机墙面前做活体检测，这他就褥不着多少羊毛了。
......
docs/tutorial/ssr.md
浏览文件 @ 6a735acf
...@@ -168,7 +168,7 @@ export default { ...@@ -168,7 +168,7 @@ export default {
HBuilderX创建的项目在运行菜单勾选`启用SSR`再运行到浏览器即可 HBuilderX创建的项目在运行菜单勾选`启用SSR`再运行到浏览器即可
![](https://web-assets.dcloud.net.cn/unidoc/zh/run-ssr-checked.jpg) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/run-ssr-checked.jpg)
cli创建的项目使用`npm run dev:h5:ssr`运行即可 cli创建的项目使用`npm run dev:h5:ssr`运行即可
...@@ -215,7 +215,7 @@ cli创建的项目使用`npm run dev:h5:ssr`运行即可 ...@@ -215,7 +215,7 @@ cli创建的项目使用`npm run dev:h5:ssr`运行即可
2. 通过`HBuilderX`的`发行菜单->网站 PC-Web或手机H5`、勾选`ssr`、勾选`将编译后的资源部署在uniCloud前端网页托管` 2. 通过`HBuilderX`的`发行菜单->网站 PC-Web或手机H5`、勾选`ssr`、勾选`将编译后的资源部署在uniCloud前端网页托管`
![自动部署](https://web-assets.dcloud.net.cn/unidoc/zh/ssr-img-02.png) ![自动部署](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/ssr-img-02.png)
3. 配置`uni-ssr`的云函数URL化路径，请参考文档：[云函数URL化](https://uniapp.dcloud.net.cn/uniCloud/http) 3. 配置`uni-ssr`的云函数URL化路径，请参考文档：[云函数URL化](https://uniapp.dcloud.net.cn/uniCloud/http)
...@@ -246,7 +246,7 @@ cli创建的项目使用`npm run dev:h5:ssr`运行即可 ...@@ -246,7 +246,7 @@ cli创建的项目使用`npm run dev:h5:ssr`运行即可
非cli工程：通过`HBuilderX 3.1.16及以上版本`的`发行菜单->网站 PC-Web或手机H5`、勾选`ssr` 非cli工程：通过`HBuilderX 3.1.16及以上版本`的`发行菜单->网站 PC-Web或手机H5`、勾选`ssr`
![以ssr模式发行](https://web-assets.dcloud.net.cn/unidoc/zh/ssr-publish.jpg) ![以ssr模式发行](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/ssr-publish.jpg)
3. 部署静态资源到[前端网页托管](https://uniapp.dcloud.net.cn/uniCloud/hosting) 3. 部署静态资源到[前端网页托管](https://uniapp.dcloud.net.cn/uniCloud/hosting)
......
docs/tutorial/vue-basics.md
浏览文件 @ 6a735acf
...@@ -461,7 +461,7 @@ v-on 指令，它用于监听 DOM 事件。v-on缩写为‘ @ ’，下文简称 ...@@ -461,7 +461,7 @@ v-on 指令，它用于监听 DOM 事件。v-on缩写为‘ @ ’，下文简称
export default { export default {
data() { data() {
return { return {
rawHtml: '<div style="text-align:center;background-color: #007AFF;"><div >我是内容</div><img src="https://web-assets.dcloud.net.cn/unidoc/zh/uni@2x.png"/></div>' rawHtml: '<div style="text-align:center;background-color: #007AFF;"><div >我是内容</div><img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni@2x.png"/></div>'
} }
} }
} }
......
docs/tutorial/vue-vuex.md
浏览文件 @ 6a735acf
...@@ -52,7 +52,7 @@ uni-app 内置了 [Vuex](https://vuex.vuejs.org/zh/) 。 ...@@ -52,7 +52,7 @@ uni-app 内置了 [Vuex](https://vuex.vuejs.org/zh/) 。
以下是一个表示“单向数据流”理念的简单示意： 以下是一个表示“单向数据流”理念的简单示意：
<img width="300px" src="https://web-assets.dcloud.net.cn/unidoc/zh/vuex-flow.png" /> <img width="300px" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/vuex-flow.png" />
...@@ -69,7 +69,7 @@ uni-app 内置了 [Vuex](https://vuex.vuejs.org/zh/) 。 ...@@ -69,7 +69,7 @@ uni-app 内置了 [Vuex](https://vuex.vuejs.org/zh/) 。
Vuex 是专门为 Vue.js 设计的状态管理库，以利用 Vue.js 的细粒度数据响应机制来进行高效的状态更新。 Vuex 是专门为 Vue.js 设计的状态管理库，以利用 Vue.js 的细粒度数据响应机制来进行高效的状态更新。
<img width="300px" src="https://web-assets.dcloud.net.cn/unidoc/zh/vuex-a.png" /> <img width="300px" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/vuex-a.png" />
如果你想交互式地学习 Vuex，可以看这个 [Scrimba 上的 Vuex 课程](https://scrimba.com/learn/vuex)，它将录屏和代码试验场混合在了一起，你可以随时暂停并尝试。 如果你想交互式地学习 Vuex，可以看这个 [Scrimba 上的 Vuex 课程](https://scrimba.com/learn/vuex)，它将录屏和代码试验场混合在了一起，你可以随时暂停并尝试。
......
docs/tutorial/vue3-basics.md
浏览文件 @ 6a735acf
...@@ -526,7 +526,7 @@ v-on 指令，它用于监听 `DOM` 事件。v-on缩写为‘ @ ’，下文简 ...@@ -526,7 +526,7 @@ v-on 指令，它用于监听 `DOM` 事件。v-on缩写为‘ @ ’，下文简
export default { export default {
data() { data() {
return { return {
rawHtml: '<div style="text-align:center;background-color: #007AFF;"><div >我是内容</div><img src="https://web-assets.dcloud.net.cn/unidoc/zh/uni@2x.png"/></div>' rawHtml: '<div style="text-align:center;background-color: #007AFF;"><div >我是内容</div><img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni@2x.png"/></div>'
} }
} }
} }
......
docs/tutorial/vue3-components.md
浏览文件 @ 6a735acf
...@@ -1156,7 +1156,7 @@ Vue 实现了一套内容分发的 API，这套 API 的设计灵感源自 [Web C ...@@ -1156,7 +1156,7 @@ Vue 实现了一套内容分发的 API，这套 API 的设计灵感源自 [Web C
该插槽可以访问与模板其余部分相同的实例 `property` (即相同的“作用域”)。 该插槽可以访问与模板其余部分相同的实例 `property` (即相同的“作用域”)。
![](https://web-assets.dcloud.net.cn/unidoc/zh/slot.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/slot.png)
插槽不能访问 `todo-button` 的作用域。例如，尝试访问 `action` 将不起作用： 插槽不能访问 `todo-button` 的作用域。例如，尝试访问 `action` 将不起作用：
...@@ -1427,7 +1427,7 @@ Vue 实现了一套内容分发的 API，这套 API 的设计灵感源自 [Web C ...@@ -1427,7 +1427,7 @@ Vue 实现了一套内容分发的 API，这套 API 的设计灵感源自 [Web C
</template> </template>
``` ```
![](https://web-assets.dcloud.net.cn/unidoc/zh/scoped-slot.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/scoped-slot.png)
在这个例子中，我们选择将包含所有插槽 `prop` 的对象命名为 `slotProps`，但你也可以使用任意你喜欢的名字。 在这个例子中，我们选择将包含所有插槽 `prop` 的对象命名为 `slotProps`，但你也可以使用任意你喜欢的名字。
......
docs/tutorial/vue3-vuex.md
浏览文件 @ 6a735acf
...@@ -58,7 +58,7 @@ uni-app 内置了 [Vuex](https://vuex.vuejs.org/zh/) 。 ...@@ -58,7 +58,7 @@ uni-app 内置了 [Vuex](https://vuex.vuejs.org/zh/) 。
以下是一个表示“单向数据流”理念的简单示意： 以下是一个表示“单向数据流”理念的简单示意：
<img width="300px" src="https://web-assets.dcloud.net.cn/unidoc/zh/vuex-flow.png" /> <img width="300px" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/vuex-flow.png" />
...@@ -75,7 +75,7 @@ uni-app 内置了 [Vuex](https://vuex.vuejs.org/zh/) 。 ...@@ -75,7 +75,7 @@ uni-app 内置了 [Vuex](https://vuex.vuejs.org/zh/) 。
Vuex 是专门为 Vue.js 设计的状态管理库，以利用 Vue.js 的细粒度数据响应机制来进行高效的状态更新。 Vuex 是专门为 Vue.js 设计的状态管理库，以利用 Vue.js 的细粒度数据响应机制来进行高效的状态更新。
<img width="300px" src="https://web-assets.dcloud.net.cn/unidoc/zh/vuex-a.png" /> <img width="300px" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/vuex-a.png" />
如果你想交互式地学习 Vuex，可以看这个 [Scrimba 上的 Vuex 课程](https://scrimba.com/learn/vuex)，它将录屏和代码试验场混合在了一起，你可以随时暂停并尝试。 如果你想交互式地学习 Vuex，可以看这个 [Scrimba 上的 Vuex 课程](https://scrimba.com/learn/vuex)，它将录屏和代码试验场混合在了一起，你可以随时暂停并尝试。
......
docs/uni-ad.md
浏览文件 @ 6a735acf
...@@ -34,7 +34,7 @@ ...@@ -34,7 +34,7 @@
3. 更快结算 3. 更快结算
- 默认每月4日、19日两次结算。扫描联系商务申请更短结算周期 - 默认每月4日、19日两次结算。扫描联系商务申请更短结算周期
![](https://web-assets.dcloud.net.cn/unidoc/zh/eryunweixin.jpg) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/eryunweixin.jpg)
### 开通配置广告步骤@start ### 开通配置广告步骤@start
......
docs/uni-ad/ad-component.md
浏览文件 @ 6a735acf
...@@ -8,7 +8,7 @@ ...@@ -8,7 +8,7 @@
Banner或信息流广告展现场景非常灵活，常见的展现场景为：文章顶部，详情页面顶部，第一屏中部等。建议信息流广告不要放置在底部 Banner或信息流广告展现场景非常灵活，常见的展现场景为：文章顶部，详情页面顶部，第一屏中部等。建议信息流广告不要放置在底部
![](https://web-assets.dcloud.net.cn/unidoc/zh/ad-feed.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/ad-feed.png)
- App端的广告源由腾讯优量汇、头条穿山甲、快手广告联盟等主流广告渠道以及部分DCloud直投广告组成，在DCloud的uni-ad后台注册：[https://uniad.dcloud.net.cn/](https://uniad.dcloud.net.cn/) - App端的广告源由腾讯优量汇、头条穿山甲、快手广告联盟等主流广告渠道以及部分DCloud直投广告组成，在DCloud的uni-ad后台注册：[https://uniad.dcloud.net.cn/](https://uniad.dcloud.net.cn/)
...@@ -307,7 +307,7 @@ export default { ...@@ -307,7 +307,7 @@ export default {
- App端广告开通指南和收益相关问题：[https://ask.dcloud.net.cn/article/36769](https://ask.dcloud.net.cn/article/36769) - App端广告开通指南和收益相关问题：[https://ask.dcloud.net.cn/article/36769](https://ask.dcloud.net.cn/article/36769)
- App端除了ad组件，还支持开屏、激励视频等多种广告形式。详见[uni-ad官网](https://uniad.dcloud.net.cn/) - App端除了ad组件，还支持开屏、激励视频等多种广告形式。详见[uni-ad官网](https://uniad.dcloud.net.cn/)
- App端uni-ad聚合了腾讯广点通、头条穿山甲、360广告联盟等服务，打包时必须勾选相应的sdk，详见：[https://ask.dcloud.net.cn/article/36718](https://ask.dcloud.net.cn/article/36718) - App端uni-ad聚合了腾讯广点通、头条穿山甲、360广告联盟等服务，打包时必须勾选相应的sdk，详见：[https://ask.dcloud.net.cn/article/36718](https://ask.dcloud.net.cn/article/36718)
![](https://web-assets.dcloud.net.cn/unidoc/zh/ad.jpg) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/ad.jpg)
**错误码** **错误码**
......
docs/uni-ad/ad-content-page.md
浏览文件 @ 6a735acf
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
⼀个视频内容频道，支持上下滑动切换视频内容 ⼀个视频内容频道，支持上下滑动切换视频内容
![](https://web-assets.dcloud.net.cn/unidoc/zh/ad-content-page.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/ad-content-page.png)
**平台差异说明** **平台差异说明**
......
docs/uni-ad/ad-draw.md
浏览文件 @ 6a735acf
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
类抖音的竖版视频流，来电秀、直播间等全屏观看的视频。 类抖音的竖版视频流，来电秀、直播间等全屏观看的视频。
![](https://web-assets.dcloud.net.cn/unidoc/zh/ad-draw.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/ad-draw.png)
- app端的广告源由腾讯广点通、头条穿山甲、快手广告联盟以及部分DCloud直投广告聚合提供，在DCloud的uni-ad后台注册：[https://uniad.dcloud.net.cn/](https://uniad.dcloud.net.cn/) - app端的广告源由腾讯广点通、头条穿山甲、快手广告联盟以及部分DCloud直投广告聚合提供，在DCloud的uni-ad后台注册：[https://uniad.dcloud.net.cn/](https://uniad.dcloud.net.cn/)
...@@ -146,7 +146,7 @@ ...@@ -146,7 +146,7 @@
- App端广告开通指南和收益相关问题：[https://ask.dcloud.net.cn/article/36769](https://ask.dcloud.net.cn/article/36769) - App端广告开通指南和收益相关问题：[https://ask.dcloud.net.cn/article/36769](https://ask.dcloud.net.cn/article/36769)
- App端除了ad组件，ad-draw组件，还支持开屏、激励视频、全屏广告等多种广告形式。详见[uni-ad官网](https://uniad.dcloud.net.cn/) - App端除了ad组件，ad-draw组件，还支持开屏、激励视频、全屏广告等多种广告形式。详见[uni-ad官网](https://uniad.dcloud.net.cn/)
- App端uni-ad聚合了腾讯广点通、头条穿山甲、360广告联盟等服务，打包时必须勾选相应的sdk，详见：[https://ask.dcloud.net.cn/article/36718](https://ask.dcloud.net.cn/article/36718) - App端uni-ad聚合了腾讯广点通、头条穿山甲、360广告联盟等服务，打包时必须勾选相应的sdk，详见：[https://ask.dcloud.net.cn/article/36718](https://ask.dcloud.net.cn/article/36718)
![](https://web-assets.dcloud.net.cn/unidoc/zh/ad.jpg) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/ad.jpg)
**错误码** **错误码**
......
docs/uni-ad/ad-interstitial.md
浏览文件 @ 6a735acf
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
插屏广告组件是由客户端原生的图片、文本、视频控件组成的；插屏广告与信息流或横幅广告相比展现尺寸更大，同样能够满足您对大量曝光和用户转化的需求。 插屏广告组件是由客户端原生的图片、文本、视频控件组成的；插屏广告与信息流或横幅广告相比展现尺寸更大，同样能够满足您对大量曝光和用户转化的需求。
![](https://web-assets.dcloud.net.cn/unidoc/zh/interstitial-ad.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/interstitial-ad.png)
**平台差异说明** **平台差异说明**
......
docs/uni-ad/ad-rewarded-video.md
浏览文件 @ 6a735acf
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
手机用户观看几十秒视频广告，在广告播放完毕后可获得应用开发商提供的奖励，而应用开发商则可以从广告平台获取不菲的广告收入。 手机用户观看几十秒视频广告，在广告播放完毕后可获得应用开发商提供的奖励，而应用开发商则可以从广告平台获取不菲的广告收入。
<video controls src="https://web-assets.dcloud.net.cn/unidoc/zh/uni-ad/ad-rewarded-video.x264.mp4" style="max-width: 100%; max-height: 50vh;"></video> <video controls src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni-ad/ad-rewarded-video.x264.mp4" style="max-width: 100%; max-height: 50vh;"></video>
与开屏、信息流等广告变现方式不同，激励视频需设计激励场景，给用户发放激励。 与开屏、信息流等广告变现方式不同，激励视频需设计激励场景，给用户发放激励。
...@@ -283,7 +283,7 @@ export default { ...@@ -283,7 +283,7 @@ export default {
#### 监听用户关闭广告 #### 监听用户关闭广告
![](https://web-assets.dcloud.net.cn/unidoc/zh/rewarded-video-close.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/rewarded-video-close.png)
只有在用户点击激励视频广告组件上的 关闭广告 按钮时，广告才会关闭。这个事件可以通过 `@close` 监听。 只有在用户点击激励视频广告组件上的 关闭广告 按钮时，广告才会关闭。这个事件可以通过 `@close` 监听。
...@@ -475,7 +475,7 @@ rewardedVideoAd.load() ...@@ -475,7 +475,7 @@ rewardedVideoAd.load()
#### 监听用户关闭广告 #### 监听用户关闭广告
![](https://web-assets.dcloud.net.cn/unidoc/zh/rewarded-video-close.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/rewarded-video-close.png)
只有在用户点击激励视频广告组件上的 关闭广告 按钮时，广告才会关闭。这个事件可以通过 `RewardedVideoAd.onClose()` 监听。 只有在用户点击激励视频广告组件上的 关闭广告 按钮时，广告才会关闭。这个事件可以通过 `RewardedVideoAd.onClose()` 监听。
...@@ -509,7 +509,7 @@ App平台 3.1.15+ 支持穿山甲/优量汇/快手 ...@@ -509,7 +509,7 @@ App平台 3.1.15+ 支持穿山甲/优量汇/快手
服务器回调将更加安全，可以依赖广告平台的反作弊机制来避免用户模拟观看广告完成的事件。 服务器回调将更加安全，可以依赖广告平台的反作弊机制来避免用户模拟观看广告完成的事件。
![激励视频回调](https://web-assets.dcloud.net.cn/unidoc/zh/uniAdCallback-01-29.png) ![激励视频回调](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uniAdCallback-01-29.png)
如何使用 如何使用
1. 申请激励视频广告位时开启服务器回调 1. 申请激励视频广告位时开启服务器回调
......
docs/uni-ad/ad-video.md
浏览文件 @ 6a735acf
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
开发者可以使用 ad 组件创建视频广告，ad 广告组件在创建后会自动拉取广告数据并显示。 开发者可以使用 ad 组件创建视频广告，ad 广告组件在创建后会自动拉取广告数据并显示。
<video controls src="https://web-assets.dcloud.net.cn/unidoc/zh/ad-video.mp4" style="max-width: 100%; max-height: 50vh;"></video> <video controls src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/ad-video.mp4" style="max-width: 100%; max-height: 50vh;"></video>
**平台差异说明** **平台差异说明**
......
docs/uni-ad/ad-weixin.md
浏览文件 @ 6a735acf
...@@ -27,7 +27,7 @@ uni-ad可以一套代码全端变现，包括app、web、微信小程序；wx广 ...@@ -27,7 +27,7 @@ uni-ad可以一套代码全端变现，包括app、web、微信小程序；wx广
相比微信自带流量主广告，uni-ad开发者可以申请相对更短的结算周期和垫资服务。具体扫码加企业微信咨询。 相比微信自带流量主广告，uni-ad开发者可以申请相对更短的结算周期和垫资服务。具体扫码加企业微信咨询。
![](https://web-assets.dcloud.net.cn/unidoc/zh/eryunweixin.jpg) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/eryunweixin.jpg)
5. 安全防护 5. 安全防护
......
docs/uni-ad/interactive.md
浏览文件 @ 6a735acf
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
互动游戏是DCloud联合三方服务商为开发者提供新的广告场景增值服务。开发者在App中放置入口，用户点击入口参与权益化、趣味性的活动。通过观看激励视频广告加速获取权益。沉浸的游戏体验能够降低对广告的抵触心理，增加激励视频广告展示的同时有效提高广告收益。 互动游戏是DCloud联合三方服务商为开发者提供新的广告场景增值服务。开发者在App中放置入口，用户点击入口参与权益化、趣味性的活动。通过观看激励视频广告加速获取权益。沉浸的游戏体验能够降低对广告的抵触心理，增加激励视频广告展示的同时有效提高广告收益。
![](https://web-assets.dcloud.net.cn/unidoc/zh/interactive1.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/interactive1.png)
## 活动场景类型： ## 活动场景类型：
...@@ -17,7 +17,7 @@ ...@@ -17,7 +17,7 @@
2. 游戏类活动：通过合成游戏、成语答题、捕鱼等游戏玩法获得金币或红包奖励 2. 游戏类活动：通过合成游戏、成语答题、捕鱼等游戏玩法获得金币或红包奖励
3. 养成类活动：果园、农场、养牛等长期活动，用户通过连续签到、道具收集、任务体系等玩法提升养成对象的等级，升级后可获得红包奖励或兑换奖品 3. 养成类活动：果园、农场、养牛等长期活动，用户通过连续签到、道具收集、任务体系等玩法提升养成对象的等级，升级后可获得红包奖励或兑换奖品
![](https://web-assets.dcloud.net.cn/unidoc/zh/interactive2.jpg) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/interactive2.jpg)
### 活动分类表 ### 活动分类表
<table> <table>
......
docs/uni-ad/intro.md
浏览文件 @ 6a735acf
...@@ -56,7 +56,7 @@ ...@@ -56,7 +56,7 @@
3. 更快结算 3. 更快结算
- 默认每月4日、19日两次结算。扫描联系商务申请更短结算周期 - 默认每月4日、19日两次结算。扫描联系商务申请更短结算周期
![](https://web-assets.dcloud.net.cn/unidoc/zh/eryunweixin.jpg) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/eryunweixin.jpg)
### 开通配置广告步骤@start ### 开通配置广告步骤@start
......
docs/uni-ad/release.md
浏览文件 @ 6a735acf
...@@ -31,17 +31,17 @@ app端上线[uniMP激励视频](https://uniapp.dcloud.net.cn/uni-ad/unimp.html) ...@@ -31,17 +31,17 @@ app端上线[uniMP激励视频](https://uniapp.dcloud.net.cn/uni-ad/unimp.html)
相对原管理后台，优化后的管理后台将 `App 基础广告`、`App 增强广告` 、`App 广告个性化配置` 菜单合并为 `App 广告` ，将 `App 增强广告开屏管理`选项独立于页面内。 相对原管理后台，优化后的管理后台将 `App 基础广告`、`App 增强广告` 、`App 广告个性化配置` 菜单合并为 `App 广告` ，将 `App 增强广告开屏管理`选项独立于页面内。
**优化前页面：** **优化前页面：**
![](https://web-assets.dcloud.net.cn/uniad/doc/1.jpg) ![](https://qiniu-web-assets.dcloud.net.cn/uniad/doc/1.jpg)
**优化后页面：** **优化后页面：**
- 合并`App 基础广告`、`App 增强广告`为 `App 广告` - 合并`App 基础广告`、`App 增强广告`为 `App 广告`
- 将 `App 广告个性化配置` 移动到 `App 广告`内，作为配置项 - 将 `App 广告个性化配置` 移动到 `App 广告`内，作为配置项
![](https://web-assets.dcloud.net.cn/uniad/doc/4.jpg) ![](https://qiniu-web-assets.dcloud.net.cn/uniad/doc/4.jpg)
- 将 `App 增强广告开屏管理` 选项独立于页面内，与广告管理菜单和广告位列表同级 - 将 `App 增强广告开屏管理` 选项独立于页面内，与广告管理菜单和广告位列表同级
![](https://web-assets.dcloud.net.cn/uniad/doc/2.jpg) ![](https://qiniu-web-assets.dcloud.net.cn/uniad/doc/2.jpg)
### 广告平台开启关闭调整 ### 广告平台开启关闭调整
...@@ -49,32 +49,32 @@ app端上线[uniMP激励视频](https://uniapp.dcloud.net.cn/uni-ad/unimp.html) ...@@ -49,32 +49,32 @@ app端上线[uniMP激励视频](https://uniapp.dcloud.net.cn/uni-ad/unimp.html)
**优化前页面：** **优化前页面：**
![](https://web-assets.dcloud.net.cn/uniad/doc/3.jpg) ![](https://qiniu-web-assets.dcloud.net.cn/uniad/doc/3.jpg)
**优化后页面：** **优化后页面：**
- 开启关闭按钮移动到 `App 广告` 下对应平台的 `广告状态` 处 - 开启关闭按钮移动到 `App 广告` 下对应平台的 `广告状态` 处
- 点击 `修改状态`，对广告平台进行开启与关闭操作 - 点击 `修改状态`，对广告平台进行开启与关闭操作
![](https://web-assets.dcloud.net.cn/uniad/doc/5.png) ![](https://qiniu-web-assets.dcloud.net.cn/uniad/doc/5.png)
<img width="500px" src="https://web-assets.dcloud.net.cn/uniad/doc/6.jpg"> <img width="500px" src="https://qiniu-web-assets.dcloud.net.cn/uniad/doc/6.jpg">
### 基础广告调整 ### 基础广告调整
将基础广告重命名为 `DCloud快捷广告`，并将广告类型 `开屏`、`悬浮红包` 移动到对应功能下，取消 `PUSH`和`广告源策略`的配置 将基础广告重命名为 `DCloud快捷广告`，并将广告类型 `开屏`、`悬浮红包` 移动到对应功能下，取消 `PUSH`和`广告源策略`的配置
**优化前页面：** **优化前页面：**
![](https://web-assets.dcloud.net.cn/uniad/doc/7.jpg) ![](https://qiniu-web-assets.dcloud.net.cn/uniad/doc/7.jpg)
**优化后页面：** **优化后页面：**
- 将原基础广告类型 `开屏` 移动到 `App 开屏广告管理` 中，广告平台为 `DCloud快捷广告` - 将原基础广告类型 `开屏` 移动到 `App 开屏广告管理` 中，广告平台为 `DCloud快捷广告`
![](https://web-assets.dcloud.net.cn/uniad/doc/20230511151715.jpg) ![](https://qiniu-web-assets.dcloud.net.cn/uniad/doc/20230511151715.jpg)
- 将原基础广告类型 `悬浮红包` 移动到 `App 三方广告应用内列表` 中，广告位类型为 `悬浮红包`，始终固定在首位，只允许`启用\停用`，无需配置 - 将原基础广告类型 `悬浮红包` 移动到 `App 三方广告应用内列表` 中，广告位类型为 `悬浮红包`，始终固定在首位，只允许`启用\停用`，无需配置
![](https://web-assets.dcloud.net.cn/uniad/doc/8.jpg) ![](https://qiniu-web-assets.dcloud.net.cn/uniad/doc/8.jpg)
### DCloud快捷广告-uniMP激励视频广告 ### DCloud快捷广告-uniMP激励视频广告
...@@ -84,11 +84,11 @@ app端上线[uniMP激励视频](https://uniapp.dcloud.net.cn/uni-ad/unimp.html) ...@@ -84,11 +84,11 @@ app端上线[uniMP激励视频](https://uniapp.dcloud.net.cn/uni-ad/unimp.html)
数据收益中，将`基础广告`、`APP增强广告`合并为 `APP广告` ，`APP增强广告`更名为`三方广告`并置于 `App广告`选项下方的筛选项中 数据收益中，将`基础广告`、`APP增强广告`合并为 `APP广告` ，`APP增强广告`更名为`三方广告`并置于 `App广告`选项下方的筛选项中
**优化前页面：** **优化前页面：**
![](https://web-assets.dcloud.net.cn/uniad/doc/data-old.png) ![](https://qiniu-web-assets.dcloud.net.cn/uniad/doc/data-old.png)
**优化后页面：** **优化后页面：**
- `基础广告`、`APP增强广告`合并为 `APP广告` - `基础广告`、`APP增强广告`合并为 `APP广告`
- `基础广告`更名为`DCloud快捷广告`， `APP增强广告`更名为`三方广告` - `基础广告`更名为`DCloud快捷广告`， `APP增强广告`更名为`三方广告`
- `DCloud快捷广告` 与 `三方广告` 选择放置于`APP广告`选项下方 - `DCloud快捷广告` 与 `三方广告` 选择放置于`APP广告`选项下方
![](https://web-assets.dcloud.net.cn/uniad/doc/data-new.png) ![](https://qiniu-web-assets.dcloud.net.cn/uniad/doc/data-new.png)
\ No newline at end of file \ No newline at end of file
docs/uni-ad/unimp.md
浏览文件 @ 6a735acf
...@@ -8,7 +8,7 @@ ...@@ -8,7 +8,7 @@
利用 uni-ad 多层调度策略动态调整渠道，在设备无广告时自动调整为其他广告渠道以增加广告填充率 利用 uni-ad 多层调度策略动态调整渠道，在设备无广告时自动调整为其他广告渠道以增加广告填充率
<video controls src="https://web-assets.dcloud.net.cn/unidoc/zh/uni-ad/ad-unimp.x264.mp4" style="max-width: 100%; max-height: 50vh;"></video> <video controls src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni-ad/ad-unimp.x264.mp4" style="max-width: 100%; max-height: 50vh;"></video>
## 开通流程 ## 开通流程
...@@ -26,14 +26,14 @@ ...@@ -26,14 +26,14 @@
3. 在微信开放平台 `创建移动应用`，按照提示填写相关信息至完成。创建成功后会生成 `AppID` 3. 在微信开放平台 `创建移动应用`，按照提示填写相关信息至完成。创建成功后会生成 `AppID`
4. 确认在微信开放平台创建的应用状态为 `已上架` 4. 确认在微信开放平台创建的应用状态为 `已上架`
![](https://web-assets.dcloud.net.cn/unidoc/zh/uni-ad/uni-ad-unimp-open-weixin-status.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni-ad/uni-ad-unimp-open-weixin-status.png)
开通步骤 开通步骤
1. 登录 [uni-ad 广告联盟](https://uniad.dcloud.net.cn)，找到广告应用设置并点击 App广告 -> DCloud快捷广告 -> 申请开通 1. 登录 [uni-ad 广告联盟](https://uniad.dcloud.net.cn)，找到广告应用设置并点击 App广告 -> DCloud快捷广告 -> 申请开通
![](https://web-assets.dcloud.net.cn/unidoc/zh/uni-ad/uni-ad-unimp-web-console-on.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni-ad/uni-ad-unimp-web-console-on.png)
- iOS 平台需要配置通用链接，配置通用链接后需要重新打包, [详情](https://uniapp.dcloud.net.cn/api/plugins/universal-links.html) - iOS 平台需要配置通用链接，配置通用链接后需要重新打包, [详情](https://uniapp.dcloud.net.cn/api/plugins/universal-links.html)
......
docs/uni-stat-v1.md
浏览文件 @ 6a735acf
...@@ -73,7 +73,7 @@ uni统计报表网址：[https://tongji.dcloud.net.cn](https://tongji.dcloud.net ...@@ -73,7 +73,7 @@ uni统计报表网址：[https://tongji.dcloud.net.cn](https://tongji.dcloud.net
在HBluiderX中先登录，然后在项目根目录打开 `manifest.json`，在可视化界面点击获取 `APPID` 获取，无需其他设置，如下图 在HBluiderX中先登录，然后在项目根目录打开 `manifest.json`，在可视化界面点击获取 `APPID` 获取，无需其他设置，如下图
![获取appid](https://web-assets.dcloud.net.cn/unidoc/zh/appid.png) ![获取appid](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/appid.png)
**方式2. 登录DCoud开发者中心获取(即将支持)** **方式2. 登录DCoud开发者中心获取(即将支持)**
......
docs/uni-stat-v2.md
浏览文件 @ 6a735acf
...@@ -12,7 +12,7 @@ uni统计2 是开源、全端、云端一体、更适合uni-app的统计平台 ...@@ -12,7 +12,7 @@ uni统计2 是开源、全端、云端一体、更适合uni-app的统计平台
注：uni统计内置在[uni-admin](/uniCloud/admin)中，体验系统的数据会定期重置。 注：uni统计内置在[uni-admin](/uniCloud/admin)中，体验系统的数据会定期重置。
![](https://web-assets.dcloud.net.cn/unidoc/zh/admin3.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/admin3.png)
## 产品特色 ## 产品特色
...@@ -105,7 +105,7 @@ uni统计的开源且基于[uni-admin](/uniCloud/admin)的插件规范提供了 ...@@ -105,7 +105,7 @@ uni统计的开源且基于[uni-admin](/uniCloud/admin)的插件规范提供了
在业务App项目的 `manifest.json` 里，选择 `uni统计配置` 项，根据需求，选择开通 `uni统计` ，勾选 `2.0` 开启新版统计。 在业务App项目的 `manifest.json` 里，选择 `uni统计配置` 项，根据需求，选择开通 `uni统计` ，勾选 `2.0` 开启新版统计。
![开启统计](https://web-assets.dcloud.net.cn/unidoc/zh/iShot2022-05-17%2020.22.52.png) ![开启统计](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/iShot2022-05-17%2020.22.52.png)
上述可视化操作，其实对应manifest源码视图的 `uniStatistics` 节点。如下文档对manifest规范进行详述。**如不关心规范细节，可以不阅读本小节，继续看下一节《小程序域名白名单》**。 上述可视化操作，其实对应manifest源码视图的 `uniStatistics` 节点。如下文档对manifest规范进行详述。**如不关心规范细节，可以不阅读本小节，继续看下一节《小程序域名白名单》**。
...@@ -379,11 +379,11 @@ uni统计新增的文件主要包括： ...@@ -379,11 +379,11 @@ uni统计新增的文件主要包括：
1. 选择用户端项目（需采集用户数据的项目） 1. 选择用户端项目（需采集用户数据的项目）
2. 若该项目之前未启用`uniCloud`，右键并选择 `创建uniCloud云开发环境 -> 阿里云|腾讯云`；否则，进入第3步； 2. 若该项目之前未启用`uniCloud`，右键并选择 `创建uniCloud云开发环境 -> 阿里云|腾讯云`；否则，进入第3步；
![关联前后台数据](https://web-assets.dcloud.net.cn/unidoc/zh/iShot2022-04-01%2015.11.18.png) ![关联前后台数据](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/iShot2022-04-01%2015.11.18.png)
3. 在`uniCloud`目录右键并选择`关联云服务空间或项目`，在打开的窗口中选择对应`uni-admin`项目关联的服务空间 3. 在`uniCloud`目录右键并选择`关联云服务空间或项目`，在打开的窗口中选择对应`uni-admin`项目关联的服务空间
![关联前后台数据](https://web-assets.dcloud.net.cn/unidoc/zh/iShot2022-04-01%2015.08.51.png) ![关联前后台数据](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/iShot2022-04-01%2015.08.51.png)
### 错误解析 <Badge text="uni-admin 1.9.4+" />@sourcemap-parse-error ### 错误解析 <Badge text="uni-admin 1.9.4+" />@sourcemap-parse-error
...@@ -406,13 +406,13 @@ uni统计的sourceMap功能可以解决这一问题，在统计后台可以清 ...@@ -406,13 +406,13 @@ uni统计的sourceMap功能可以解决这一问题，在统计后台可以清
- 在 HBuiderX 中生成 sourceMap 文件 - 在 HBuiderX 中生成 sourceMap 文件
- web 平台在`发行-> 网站`时，勾选 `生成 sourceMap` 选项。 - web 平台在`发行-> 网站`时，勾选 `生成 sourceMap` 选项。
![web 平台生成 sourceMap](https://web-assets.dcloud.net.cn/unidoc/zh/create_sourcemap.jpg) ![web 平台生成 sourceMap](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/create_sourcemap.jpg)
- App 平台在`发行 -> 原生App-云打包`时，勾选 `生成 sourceMap` 选项。 - App 平台在`发行 -> 原生App-云打包`时，勾选 `生成 sourceMap` 选项。
![app 平台生成 sourceMap](https://web-assets.dcloud.net.cn/unidoc/zh/app_sourcemap.jpg) ![app 平台生成 sourceMap](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/app_sourcemap.jpg)
- 微信小程序平台在`发行 -> 小程序-微信`时，勾选 `生成 sourceMap` 选项。 - 微信小程序平台在`发行 -> 小程序-微信`时，勾选 `生成 sourceMap` 选项。
![微信小程序平台生成 sourceMap](https://web-assets.dcloud.net.cn/unidoc/zh/wx_sourcemap.jpg) ![微信小程序平台生成 sourceMap](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/wx_sourcemap.jpg)
- cli 项目生成 sourceMap 文件 - cli 项目生成 sourceMap 文件
...@@ -441,13 +441,13 @@ uni统计的sourceMap功能可以解决这一问题，在统计后台可以清 ...@@ -441,13 +441,13 @@ uni统计的sourceMap功能可以解决这一问题，在统计后台可以清
1. 项目编译完成后，可在 `/unpackage/dist/build/.sourcemap` 中查看到生成的各平台的 sourceMap 文件。 1. 项目编译完成后，可在 `/unpackage/dist/build/.sourcemap` 中查看到生成的各平台的 sourceMap 文件。
![生成的 sourceMap 路径](https://web-assets.dcloud.net.cn/unidoc/zh/sourcemap_file.jpg) ![生成的 sourceMap 路径](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/sourcemap_file.jpg)
3. 由于微信小程序平台上传发布后，会再压缩打包一次，所以需要额外一个步骤： 3. 由于微信小程序平台上传发布后，会再压缩打包一次，所以需要额外一个步骤：
1. 在[微信公众平台](https://mp.weixin.qq.com/)的`开发管理/运维中心/错误日志`中下载线上版本 sourceMap 文件 1. 在[微信公众平台](https://mp.weixin.qq.com/)的`开发管理/运维中心/错误日志`中下载线上版本 sourceMap 文件
2. 将下载好的文件解压到所生成的 .sourcemap 文件夹中： `/unpackage/dist/build/.sourcemap/mp-weixin/__WEIXIN__/`（__WEIXIN__为新建的目录，解析错误时会根据这个名字查找） 2. 将下载好的文件解压到所生成的 .sourcemap 文件夹中： `/unpackage/dist/build/.sourcemap/mp-weixin/__WEIXIN__/`（__WEIXIN__为新建的目录，解析错误时会根据这个名字查找）
![微信 download sourceMap](https://web-assets.dcloud.net.cn/unidoc/zh/mp-weixin-download-sourcemap.png) ![微信 download sourceMap](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/mp-weixin-download-sourcemap.png)
**注意事项** **注意事项**
...@@ -462,7 +462,7 @@ uni统计的sourceMap功能可以解决这一问题，在统计后台可以清 ...@@ -462,7 +462,7 @@ uni统计的sourceMap功能可以解决这一问题，在统计后台可以清
1. 将 uni-admin 项目运行到浏览器中，在 `uni 统计 / 错误统计 / js报错` 页面，错误信息列表表格的右上角有 `上传 sourceMap` 按钮。点击后展示如下： 1. 将 uni-admin 项目运行到浏览器中，在 `uni 统计 / 错误统计 / js报错` 页面，错误信息列表表格的右上角有 `上传 sourceMap` 按钮。点击后展示如下：
![上传 sourceMap](https://web-assets.dcloud.net.cn/unidoc/zh/%E4%B8%8A%E4%BC%A0%20sourcemap%20%E6%8A%BD%E5%B1%89.png) ![上传 sourceMap](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/%E4%B8%8A%E4%BC%A0%20sourcemap%20%E6%8A%BD%E5%B1%89.png)
2. 上传请前请填写完整信息：`应用`、`平台`、`版本` 2. 上传请前请填写完整信息：`应用`、`平台`、`版本`
3. 点击 `选择文件并上传` 按钮，弹出 `选择文件夹` 框后，请选中编译的对应该平台版本的 sourceMap。如：**项目根目录/unpackage/dist/build/.sourcemap/h5**，选中 `h5` 目录后点击上传。如果中途上传失败，在不刷新页面的情况下，重新选择文件夹上传可以跳过已上传文件。 3. 点击 `选择文件并上传` 按钮，弹出 `选择文件夹` 框后，请选中编译的对应该平台版本的 sourceMap。如：**项目根目录/unpackage/dist/build/.sourcemap/h5**，选中 `h5` 目录后点击上传。如果中途上传失败，在不刷新页面的情况下，重新选择文件夹上传可以跳过已上传文件。
...@@ -476,11 +476,11 @@ uni统计的sourceMap功能可以解决这一问题，在统计后台可以清 ...@@ -476,11 +476,11 @@ uni统计的sourceMap功能可以解决这一问题，在统计后台可以清
1. 搜索 `uploadSourceMapCloudSpaceId` 补充腾讯云服务空间 SpaceID 1. 搜索 `uploadSourceMapCloudSpaceId` 补充腾讯云服务空间 SpaceID
2. 搜索 `cloudSourceMapUrl` 补充腾讯云云存储访问地址（如：https://xx-xx-xx.tcb.qcloud.la/\_\_UNI\_\_/uni-stat/sourcemap） 2. 搜索 `cloudSourceMapUrl` 补充腾讯云云存储访问地址（如：https://xx-xx-xx.tcb.qcloud.la/\_\_UNI\_\_/uni-stat/sourcemap）
![cloudSpaceId](https://web-assets.dcloud.net.cn/unidoc/zh/upload_spaceId.jpg) ![cloudSpaceId](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/upload_spaceId.jpg)
2. 将 uni-admin 项目运行到浏览器中，在 `uni 统计 / 错误统计 / js报错` 页面，错误信息列表表格的右上角有 `上传 sourceMap` 按钮。点击后展示如下： 2. 将 uni-admin 项目运行到浏览器中，在 `uni 统计 / 错误统计 / js报错` 页面，错误信息列表表格的右上角有 `上传 sourceMap` 按钮。点击后展示如下：
![上传 sourceMap](https://web-assets.dcloud.net.cn/unidoc/zh/%E4%B8%8A%E4%BC%A0%20sourcemap%20%E6%8A%BD%E5%B1%89.png) ![上传 sourceMap](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/%E4%B8%8A%E4%BC%A0%20sourcemap%20%E6%8A%BD%E5%B1%89.png)
1. 上传请前请填写完整信息：`应用`、`平台`、`版本` 1. 上传请前请填写完整信息：`应用`、`平台`、`版本`
2. 点击 `选择文件并上传` 按钮，弹出 `选择文件夹` 框后，请选中编译的对应该平台版本的 sourceMap。如：**项目根目录/unpackage/dist/build/.sourcemap/h5**，选中 `h5` 目录后点击上传。如果中途上传失败，在不刷新页面的情况下，重新选择文件夹上传可以跳过已上传文件。 2. 点击 `选择文件并上传` 按钮，弹出 `选择文件夹` 框后，请选中编译的对应该平台版本的 sourceMap。如：**项目根目录/unpackage/dist/build/.sourcemap/h5**，选中 `h5` 目录后点击上传。如果中途上传失败，在不刷新页面的情况下，重新选择文件夹上传可以跳过已上传文件。
...@@ -501,11 +501,11 @@ uni统计的sourceMap功能可以解决这一问题，在统计后台可以清 ...@@ -501,11 +501,11 @@ uni统计的sourceMap功能可以解决这一问题，在统计后台可以清
原始错误信息： 原始错误信息：
![原始错误：](https://web-assets.dcloud.net.cn/unidoc/zh/originalErrMsg.jpg) ![原始错误：](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/originalErrMsg.jpg)
解析后的错误信息： 解析后的错误信息：
![原始错误：](https://web-assets.dcloud.net.cn/unidoc/zh/parse_error.jpg) ![原始错误：](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/parse_error.jpg)
- 解析错误是逐行解析，某一行解析失败会返回原错误信息 - 解析错误是逐行解析，某一行解析失败会返回原错误信息
- `runtime error` 分隔线下方为平台框架运行时错误栈信息，可以不用关心 - `runtime error` 分隔线下方为平台框架运行时错误栈信息，可以不用关心
......
docs/uniCloud/README.md
浏览文件 @ 6a735acf
...@@ -19,7 +19,7 @@ uniCloud为每个开发者提供一个免费服务空间，让你也可以拥有 ...@@ -19,7 +19,7 @@ uniCloud为每个开发者提供一个免费服务空间，让你也可以拥有
### 看视频，只需25分钟，快速入门uniCloud ### 看视频，只需25分钟，快速入门uniCloud
<a target="_blank" href="https://www.bilibili.com/video/BV17p4y1a71x?p=1"> <a target="_blank" href="https://www.bilibili.com/video/BV17p4y1a71x?p=1">
<div style="height: 32vw;width: 50vw;background-image: url(https://web-assets.dcloud.net.cn/unidoc/zh/20210512183320.jpg);background-size: 100% 100%;"></div> <div style="height: 32vw;width: 50vw;background-image: url(https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/20210512183320.jpg);background-size: 100% 100%;"></div>
</a> </a>
### uniCloud是什么和不是什么 ### uniCloud是什么和不是什么
...@@ -146,7 +146,7 @@ uniCloud最吸引人的是，它将开发效率提升了10倍以上。 ...@@ -146,7 +146,7 @@ uniCloud最吸引人的是，它将开发效率提升了10倍以上。
开发效率提升10倍，并非某个杀手功能的功劳，而是庞大的生态共同的作用。本章节篇幅较长，请耐心阅读。 开发效率提升10倍，并非某个杀手功能的功劳，而是庞大的生态共同的作用。本章节篇幅较长，请耐心阅读。
![](https://web-assets.dcloud.net.cn/unidoc/zh/c50d2741-6a47-4dcd-a02c-fdd683fa4ea4.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/c50d2741-6a47-4dcd-a02c-fdd683fa4ea4.png)
#### 一个故事 #### 一个故事
...@@ -252,7 +252,7 @@ uniCloud云数据的schema，是一项重要的创新。 ...@@ -252,7 +252,7 @@ uniCloud云数据的schema，是一项重要的创新。
如下是[schema2code](schema2code.md)的操作演示视频： 如下是[schema2code](schema2code.md)的操作演示视频：
<video style="width:50vw;height:28vw;" id="video" preload="none" controls="controls" <video style="width:50vw;height:28vw;" id="video" preload="none" controls="controls"
poster="https://web-assets.dcloud.net.cn/unidoc/zh/create-schema2code.jfif" src="https://web-assets.dcloud.net.cn/unidoc/zh/create-schema2code-video.mp4"></video> poster="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/create-schema2code.jfif" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/create-schema2code-video.mp4"></video>
可以实战体验这个[云端一体通讯录](https://ext.dcloud.net.cn/plugin?id=2574)的项目，几乎没有单独写代码。设计好通讯录的表schema，用[schema2code](schema2code.md)即可生成这个项目。 可以实战体验这个[云端一体通讯录](https://ext.dcloud.net.cn/plugin?id=2574)的项目，几乎没有单独写代码。设计好通讯录的表schema，用[schema2code](schema2code.md)即可生成这个项目。
...@@ -357,7 +357,7 @@ HBuilderX提升了uni-app的开发效率，自然也将提升uniCloud的开发 ...@@ -357,7 +357,7 @@ HBuilderX提升了uni-app的开发效率，自然也将提升uniCloud的开发
在传统开发中，item是一个通过request返回的json，ide是不可能知道这个json的数据结构的，也就无法提示。 在传统开发中，item是一个通过request返回的json，ide是不可能知道这个json的数据结构的，也就无法提示。
由于三位一体协同，HBuilderX可以解析本地schema文件，直接提示item后面的数据结构。避免开发者写错代码、减少服务器联调工作。 由于三位一体协同，HBuilderX可以解析本地schema文件，直接提示item后面的数据结构。避免开发者写错代码、减少服务器联调工作。
![](https://web-assets.dcloud.net.cn/unidoc/zh/hx%E6%8F%90%E7%A4%BA%E6%95%B0%E6%8D%AE%E5%AD%97%E6%AE%B5.jpg) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/hx%E6%8F%90%E7%A4%BA%E6%95%B0%E6%8D%AE%E5%AD%97%E6%AE%B5.jpg)
云对象的方法，HBuilderX同样可以完美解析，让编写客户端代码时直接提示云对象的方法、参数。 云对象的方法，HBuilderX同样可以完美解析，让编写客户端代码时直接提示云对象的方法、参数。
......
docs/uniCloud/admin.md
浏览文件 @ 6a735acf
...@@ -17,7 +17,7 @@ uni-admin 是开源的，遵循 MIT 协议，你可以从[Github](https://github ...@@ -17,7 +17,7 @@ uni-admin 是开源的，遵循 MIT 协议，你可以从[Github](https://github
## 看视频，15分钟掌握uni-admin ## 看视频，15分钟掌握uni-admin
<a target="_blank" href="https://www.bilibili.com/video/BV17p4y1a71x?p=13"> <a target="_blank" href="https://www.bilibili.com/video/BV17p4y1a71x?p=13">
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/20210826112813.jpg" alt="uni-admin视频教程" style="width: 60%;"> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/20210826112813.jpg" alt="uni-admin视频教程" style="width: 60%;">
</a> </a>
...@@ -48,11 +48,11 @@ uni-admin 同时支持 PC 端 和移动端。基础模块是全端可用的， ...@@ -48,11 +48,11 @@ uni-admin 同时支持 PC 端 和移动端。基础模块是全端可用的，
PC 端如下图： PC 端如下图：
![pc](https://web-assets.dcloud.net.cn/unidoc/zh/uni-admin/uni-admin-2.png) ![pc](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni-admin/uni-admin-2.png)
移动端如下图： 移动端如下图：
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/uni-admin/uni-admin-3.png" width="375"/> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni-admin/uni-admin-3.png" width="375"/>
4. 扩展插件 4. 扩展插件
...@@ -70,22 +70,22 @@ uni-admin是完整开源的一个uni-app项目，任何熟悉uni-app的工程师 ...@@ -70,22 +70,22 @@ uni-admin是完整开源的一个uni-app项目，任何熟悉uni-app的工程师
- uni-admin 自带两套皮肤： - uni-admin 自带两套皮肤：
- 默认蓝色皮肤 - 默认蓝色皮肤
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/uni-admin-default-theme.jpg" width="400"> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni-admin-default-theme.jpg" width="400">
- 可切换绿柔皮肤： - 可切换绿柔皮肤：
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/uni-admin-green-theme.jpg" width="400"> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni-admin-green-theme.jpg" width="400">
- 如果需要修改皮肤颜色，可以在 uni-admin 项目根目录的 `uni.scss` 文件中进行修改： - 如果需要修改皮肤颜色，可以在 uni-admin 项目根目录的 `uni.scss` 文件中进行修改：
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/uni-admin-theme-config.jpg" height="400"> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni-admin-theme-config.jpg" height="400">
- 如果需要增加皮肤，以下步骤为示例： - 如果需要增加皮肤，以下步骤为示例：
1. 在 `uni.scss` 文件的 `$themes` 属性中新增一个键值 **`blue`** 的配置： 1. 在 `uni.scss` 文件的 `$themes` 属性中新增一个键值 **`blue`** 的配置：
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/uni-admin-theme-config-edit.jpg" height="400"> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni-admin-theme-config-edit.jpg" height="400">
2. 修改项目根目录的 `admin.config.js` 文件，添加以下内容，**注意：`value` 的值需要与 `$themes` 中新增主题的键值保持一致**： 2. 修改项目根目录的 `admin.config.js` 文件，添加以下内容，**注意：`value` 的值需要与 `$themes` 中新增主题的键值保持一致**：
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/uni-admin-admin-theme-config-edit.jpg" height="400"> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni-admin-admin-theme-config-edit.jpg" height="400">
3. 重新运行到 web 端查看效果 3. 重新运行到 web 端查看效果
## 使用说明 ## 使用说明
...@@ -96,21 +96,21 @@ uni-admin的`一键部署`，会自动上传云函数、创建数据库，并将 ...@@ -96,21 +96,21 @@ uni-admin的`一键部署`，会自动上传云函数、创建数据库，并将
1. 在插件市场点击一键部署插件到uniCloud 1. 在插件市场点击一键部署插件到uniCloud
![](https://web-assets.dcloud.net.cn/unidoc/zh/admin%E4%B8%80%E9%94%AE%E9%83%A8%E7%BD%B2-0.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/admin%E4%B8%80%E9%94%AE%E9%83%A8%E7%BD%B2-0.png)
2. 选择服务空间（目前只支持选择腾讯云服务空间，且不可以是协作者身份，需空间创建者的账号登录） 2. 选择服务空间（目前只支持选择腾讯云服务空间，且不可以是协作者身份，需空间创建者的账号登录）
如需要部署在阿里云空间，则请使用[手动部署](#install)方式 如需要部署在阿里云空间，则请使用[手动部署](#install)方式
![](https://web-assets.dcloud.net.cn/unidoc/zh/admin%E4%B8%80%E9%94%AE%E9%83%A8%E7%BD%B2-1.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/admin%E4%B8%80%E9%94%AE%E9%83%A8%E7%BD%B2-1.png)
3. 在此页面隔几分钟刷新点击一下刷新，直到提示部署完成。 3. 在此页面隔几分钟刷新点击一下刷新，直到提示部署完成。
![](https://web-assets.dcloud.net.cn/unidoc/zh/admin%E4%B8%80%E9%94%AE%E9%83%A8%E7%BD%B2-2.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/admin%E4%B8%80%E9%94%AE%E9%83%A8%E7%BD%B2-2.png)
4. 部署完成后，点击前端网页默认访问链接即可访问uni-admin 4. 部署完成后，点击前端网页默认访问链接即可访问uni-admin
![](https://web-assets.dcloud.net.cn/unidoc/zh/admin%E4%B8%80%E9%94%AE%E9%83%A8%E7%BD%B2-3.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/admin%E4%B8%80%E9%94%AE%E9%83%A8%E7%BD%B2-3.png)
### 手动部署@install ### 手动部署@install
...@@ -120,11 +120,11 @@ uni-admin的`一键部署`，会自动上传云函数、创建数据库，并将 ...@@ -120,11 +120,11 @@ uni-admin的`一键部署`，会自动上传云函数、创建数据库，并将
[HBuilderX](https://www.dcloud.io/hbuilderx.html) 3.0+版本新建 uni-app 项目，选择 uni-admin 项目模板，如下图 [HBuilderX](https://www.dcloud.io/hbuilderx.html) 3.0+版本新建 uni-app 项目，选择 uni-admin 项目模板，如下图
![download-admin](https://web-assets.dcloud.net.cn/unidoc/zh/create-admin.png) ![download-admin](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/create-admin.png)
创建完成后，可以跟随`云服务空间初始化向导`初始化项目，创建并绑定云服务空间 创建完成后，可以跟随`云服务空间初始化向导`初始化项目，创建并绑定云服务空间
![download-admin](https://web-assets.dcloud.net.cn/unidoc/zh/cloud-init.png) ![download-admin](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/cloud-init.png)
<!-- 除了可视化向导外，也可以从[https://github.com/dcloudio/uni-admin](https://github.com/dcloudio/uni-admin)获取代码。 --> <!-- 除了可视化向导外，也可以从[https://github.com/dcloudio/uni-admin](https://github.com/dcloudio/uni-admin)获取代码。 -->
...@@ -245,13 +245,13 @@ uni-admin的`一键部署`，会自动上传云函数、创建数据库，并将 ...@@ -245,13 +245,13 @@ uni-admin的`一键部署`，会自动上传云函数、创建数据库，并将
> 注意：注册完毕后，建议从登录页面移除该链接 > 注意：注册完毕后，建议从登录页面移除该链接
![login](https://web-assets.dcloud.net.cn/unidoc/zh/uni-admin/uni-admin-1.png) ![login](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni-admin/uni-admin-1.png)
## 分栏窗体介绍 ## 分栏窗体介绍
登录后我们会看到如下窗体, 窗体分为三个部分，topWindow 顶部窗口（导航栏），leftwindow 左侧窗口（菜单栏），右侧的内容主窗体 登录后我们会看到如下窗体, 窗体分为三个部分，topWindow 顶部窗口（导航栏），leftwindow 左侧窗口（菜单栏），右侧的内容主窗体
![index](https://web-assets.dcloud.net.cn/unidoc/zh/pc-admin%E5%89%AF%E6%9C%AC.png) ![index](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/pc-admin%E5%89%AF%E6%9C%AC.png)
### 顶部窗口（导航栏） ### 顶部窗口（导航栏）
...@@ -377,12 +377,12 @@ $menu-text-color-actived: #409eff; /* 菜单激活前景色 */ ...@@ -377,12 +377,12 @@ $menu-text-color-actived: #409eff; /* 菜单激活前景色 */
## 应用管理 <Badge text="uni-admin 1.9.3+" />@app-manager ## 应用管理 <Badge text="uni-admin 1.9.3+" />@app-manager
在进入应用管理后可看到如下界面，点击右上角 `新增` 按钮可新增一个应用 在进入应用管理后可看到如下界面，点击右上角 `新增` 按钮可新增一个应用
![新增应用](https://web-assets.dcloud.net.cn/unidoc/zh/create_app(1).png) ![新增应用](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/create_app(1).png)
**整体界面布局** **整体界面布局**
> 本页面信息，在应用发布、app升级模块中，都会关联使用，请认真填写 > 本页面信息，在应用发布、app升级模块中，都会关联使用，请认真填写
![新增页面](https://web-assets.dcloud.net.cn/unidoc/zh/create_app_page.jpg) ![新增页面](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/create_app_page.jpg)
**各项信息说明** **各项信息说明**
...@@ -441,7 +441,7 @@ $menu-text-color-actived: #409eff; /* 菜单激活前景色 */ ...@@ -441,7 +441,7 @@ $menu-text-color-actived: #409eff; /* 菜单激活前景色 */
uni统计2.0 是开源、全端、云端一体、更适合uni-app的统计平台，下图为概览图和简介，详见[统计文档](https://uniapp.dcloud.net.cn/uni-stat-v2.html) uni统计2.0 是开源、全端、云端一体、更适合uni-app的统计平台，下图为概览图和简介，详见[统计文档](https://uniapp.dcloud.net.cn/uni-stat-v2.html)
![统计-概况页](https://web-assets.dcloud.net.cn/unidoc/zh/admin3.png) ![统计-概况页](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/admin3.png)
**1. 全端** **1. 全端**
...@@ -507,7 +507,7 @@ uni统计开源且基于[uni-admin](/uniCloud/admin)的插件规范提供了插 ...@@ -507,7 +507,7 @@ uni统计开源且基于[uni-admin](/uniCloud/admin)的插件规范提供了插
- 数据库字段：可以关联数据库中指定字段，内容较为个性化。格式为 ```{数据库表名.字段}```，例如: ```{uni-id-users.username}``` 目前仅支持```uni-id-users```表 - 数据库字段：可以关联数据库中指定字段，内容较为个性化。格式为 ```{数据库表名.字段}```，例如: ```{uni-id-users.username}``` 目前仅支持```uni-id-users```表
- 支持 发送前预览前5人短信内容，用于检测模板变量是否配置正确，提高发送成功率。 - 支持 发送前预览前5人短信内容，用于检测模板变量是否配置正确，提高发送成功率。
![群发短信](https://web-assets.dcloud.net.cn/unidoc/zh/86928cf2-2f69-4c0f-a46f-a617e3fc1c83.png) ![群发短信](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/86928cf2-2f69-4c0f-a46f-a617e3fc1c83.png)
### 使用方式 ### 使用方式
...@@ -526,7 +526,7 @@ uni统计开源且基于[uni-admin](/uniCloud/admin)的插件规范提供了插 ...@@ -526,7 +526,7 @@ uni统计开源且基于[uni-admin](/uniCloud/admin)的插件规范提供了插
**步骤三：导出短信模板** **步骤三：导出短信模板**
在短信模板页面-点击”导出模板“按钮，导出短信模板。 在短信模板页面-点击”导出模板“按钮，导出短信模板。
![导出短信模板](https://web-assets.dcloud.net.cn/unidoc/zh/20230107203307.png) ![导出短信模板](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/20230107203307.png)
**步骤四：通过uni-admin控制台发送短信** **步骤四：通过uni-admin控制台发送短信**
...@@ -541,38 +541,38 @@ uni统计开源且基于[uni-admin](/uniCloud/admin)的插件规范提供了插 ...@@ -541,38 +541,38 @@ uni统计开源且基于[uni-admin](/uniCloud/admin)的插件规范提供了插
``` ```
配置完成后，登录uni-admin控制台，打开用户管理页面，请按照图示步骤上传短信模板（步骤三导出的短信模板）： 配置完成后，登录uni-admin控制台，打开用户管理页面，请按照图示步骤上传短信模板（步骤三导出的短信模板）：
![上传短信模板](https://web-assets.dcloud.net.cn/unidoc/zh/20230107201145.png) ![上传短信模板](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/20230107201145.png)
短信模板上传成功后，短信模板即可显示，如下： 短信模板上传成功后，短信模板即可显示，如下：
![短信模板上传成功](https://web-assets.dcloud.net.cn/unidoc/zh/20230107202329.png) ![短信模板上传成功](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/20230107202329.png)
选择要接收短信的用户，如下： 选择要接收短信的用户，如下：
![群发用户](https://web-assets.dcloud.net.cn/unidoc/zh/20230107202752.png) ![群发用户](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/20230107202752.png)
或者如果已经对用户进行了分组，可以在标签管理中选择标签后发送短信，如下： 或者如果已经对用户进行了分组，可以在标签管理中选择标签后发送短信，如下：
![群发用户标签](https://web-assets.dcloud.net.cn/unidoc/zh/20230107203019.png) ![群发用户标签](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/20230107203019.png)
目前短信支持固定文本发送与关联数据表字段发送，以下介绍两种方式如何发送 目前短信支持固定文本发送与关联数据表字段发送，以下介绍两种方式如何发送
**固定文本发送** **固定文本发送**
选择短信模板，如果没有出现变量模板配置就是固定文本模式，如下： 选择短信模板，如果没有出现变量模板配置就是固定文本模式，如下：
![](https://web-assets.dcloud.net.cn/unidoc/zh/20230107204518.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/20230107204518.png)
可以在发送前点击预览，可以预览发送的第一条短信，用来检查短信内容是否正确，如下： 可以在发送前点击预览，可以预览发送的第一条短信，用来检查短信内容是否正确，如下：
![](https://web-assets.dcloud.net.cn/unidoc/zh/20230107204807.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/20230107204807.png)
确认短信内容无误后，点击提交即可发送短信，发送短信之后可以在[DCloud开发者中心](https://dev.dcloud.net.cn/)-查看[短信发送记录](https://dev.dcloud.net.cn/pages/sms/sendLog) 确认短信内容无误后，点击提交即可发送短信，发送短信之后可以在[DCloud开发者中心](https://dev.dcloud.net.cn/)-查看[短信发送记录](https://dev.dcloud.net.cn/pages/sms/sendLog)
**使用数据表字段作为模板变量发送** **使用数据表字段作为模板变量发送**
选择短信模板，如果出现变量模板配置就是数据表查询模式，如下： 选择短信模板，如果出现变量模板配置就是数据表查询模式，如下：
![](https://web-assets.dcloud.net.cn/unidoc/zh/20230107205208.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/20230107205208.png)
如上，短信变量字段为”username“，配置替换字段为uni-id-users表中username字段，在发送短信时会替换掉短信变量。 如上，短信变量字段为”username“，配置替换字段为uni-id-users表中username字段，在发送短信时会替换掉短信变量。
短信变量支持固定值和数据表查询两种方式；固定值如：各位同事，数据表查询如：{uni-id-users.username}；请注意，若使用数据表查询方式，目前仅支持查询 uni-id-users 表；并注意确保数据库中查询字段值不为空，否则短信将发送失败。 短信变量支持固定值和数据表查询两种方式；固定值如：各位同事，数据表查询如：{uni-id-users.username}；请注意，若使用数据表查询方式，目前仅支持查询 uni-id-users 表；并注意确保数据库中查询字段值不为空，否则短信将发送失败。
在发送之前可以点击预览，查看第一条短信的内容，确保变量模板配置正确，如下，username将替换为“张三”： 在发送之前可以点击预览，查看第一条短信的内容，确保变量模板配置正确，如下，username将替换为“张三”：
![](https://web-assets.dcloud.net.cn/unidoc/zh/20230107205823.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/20230107205823.png)
确认短信内容无误后，点击提交即可发送短信，发送短信之后可以在[DCloud开发者中心](https://dev.dcloud.net.cn/)-查看[短信发送记录](https://dev.dcloud.net.cn/pages/sms/sendLog) 确认短信内容无误后，点击提交即可发送短信，发送短信之后可以在[DCloud开发者中心](https://dev.dcloud.net.cn/)-查看[短信发送记录](https://dev.dcloud.net.cn/pages/sms/sendLog)
![](https://web-assets.dcloud.net.cn/unidoc/zh/20230107210406.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/20230107210406.png)
如有任何问题可在[论坛发帖](https://ask.dcloud.net.cn)咨询或加uniCloud短信服务交流QQ群(695645208)咨询 如有任何问题可在[论坛发帖](https://ask.dcloud.net.cn)咨询或加uniCloud短信服务交流QQ群(695645208)咨询
...@@ -621,19 +621,19 @@ admin 提供了两个内置方法，方便在页面中鉴定登录用户权限 ...@@ -621,19 +621,19 @@ admin 提供了两个内置方法，方便在页面中鉴定登录用户权限
- 体验账号：admin 密码：123456 - 体验账号：admin 密码：123456
2. 创建权限。在uni-admin左侧菜单的权限管理，新增权限“查询信息”，标识为“read” 2. 创建权限。在uni-admin左侧菜单的权限管理，新增权限“查询信息”，标识为“read”
![](https://web-assets.dcloud.net.cn/unidoc/zh/admin-permision.jpg) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/admin-permision.jpg)
3. 创建角色。在左侧菜单的角色管理里，新增角色“普通成员”，标识为“member”，绑定上面的“查询信息”权限 3. 创建角色。在左侧菜单的角色管理里，新增角色“普通成员”，标识为“member”，绑定上面的“查询信息”权限
![](https://web-assets.dcloud.net.cn/unidoc/zh/4mutiladmin.jpg) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/4mutiladmin.jpg)
4. 创建账户并赋予角色。在左侧菜单的用户管理里，添加用户“张三”，然后给用户赋予角色“普通成员” 4. 创建账户并赋予角色。在左侧菜单的用户管理里，添加用户“张三”，然后给用户赋予角色“普通成员”
![](https://web-assets.dcloud.net.cn/unidoc/zh/16f173a2-e889-404b-b509-346d3b929a0d.jpg) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/16f173a2-e889-404b-b509-346d3b929a0d.jpg)
5. 如果你退出账户，登录刚刚创建的账户张三。我们发现会提示：该账户没有被赋予登录admin系统的权限, 请联系系统管理员绑定角色赋权限。因为：你登录的账户没有访问任何admin系统菜单的权限，所以不能访问admin系统。 5. 如果你退出账户，登录刚刚创建的账户张三。我们发现会提示：该账户没有被赋予登录admin系统的权限, 请联系系统管理员绑定角色赋权限。因为：你登录的账户没有访问任何admin系统菜单的权限，所以不能访问admin系统。
![](https://web-assets.dcloud.net.cn/unidoc/zh/9mutiladmin.jpg) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/9mutiladmin.jpg)
6. 设置有查询信息权限的人，拥有访问admin系统菜单"用户管理"的权限。在左侧菜单的菜单管理里，找到菜单“用户管理”，点修改，在权限列表里勾选“查询信息”，也就是有查询信息权限的人，可以看到本菜单 6. 设置有查询信息权限的人，拥有访问admin系统菜单"用户管理"的权限。在左侧菜单的菜单管理里，找到菜单“用户管理”，点修改，在权限列表里勾选“查询信息”，也就是有查询信息权限的人，可以看到本菜单
![](https://web-assets.dcloud.net.cn/unidoc/zh/11mutiladmin.jpg) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/11mutiladmin.jpg)
7. 这时你用账户“张三”登录，就能进入到admin系统。但你会看到如下图提示“权限校验未通过”。因为刚刚仅为该用户赋予了访问菜单的权限。还未赋予访问uni-id-users表的阅读权限 7. 这时你用账户“张三”登录，就能进入到admin系统。但你会看到如下图提示“权限校验未通过”。因为刚刚仅为该用户赋予了访问菜单的权限。还未赋予访问uni-id-users表的阅读权限
![](https://web-assets.dcloud.net.cn/unidoc/zh/12mutiladmin.jpg) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/12mutiladmin.jpg)
8. 需要在hbuilderx中将表uni-id-users的schema文件中设置新角色的权限，将permission下的read节点配置为`"read": "'read' in auth.permission"`，并上传到云端。当然这在示例项目不能实现，需要你自己搭建admin系统，重复以上步骤，[点此下载uni-admin](https://ext.dcloud.net.cn/plugin?id=3268) 8. 需要在hbuilderx中将表uni-id-users的schema文件中设置新角色的权限，将permission下的read节点配置为`"read": "'read' in auth.permission"`，并上传到云端。当然这在示例项目不能实现，需要你自己搭建admin系统，重复以上步骤，[点此下载uni-admin](https://ext.dcloud.net.cn/plugin?id=3268)
![](https://web-assets.dcloud.net.cn/unidoc/zh/d92e3738-f25a-4c46-9ab4-2edbdf92518a.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/d92e3738-f25a-4c46-9ab4-2edbdf92518a.png)
9. 此时你再刷新页面即可访问用户管理的数据列表 9. 此时你再刷新页面即可访问用户管理的数据列表
## icon 图标 ## icon 图标
......
docs/uniCloud/aliyun-migrate-business.md
浏览文件 @ 6a735acf
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
## 购买正式版迁移空间 ## 购买正式版迁移空间
公测版迁移正式版，需通过`迁移正式版`操作来下单购买待迁移的正式版空间，该操作会为两个空间增加迁移绑定关系，方便后续迁移配置。 公测版迁移正式版，需通过`迁移正式版`操作来下单购买待迁移的正式版空间，该操作会为两个空间增加迁移绑定关系，方便后续迁移配置。
![](https://web-assets.dcloud.net.cn/unidoc/zh/%E8%BF%81%E7%A7%BB%E6%AD%A3%E5%BC%8F%E7%89%88%E6%8C%89%E9%92%AE.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/%E8%BF%81%E7%A7%BB%E6%AD%A3%E5%BC%8F%E7%89%88%E6%8C%89%E9%92%AE.png)
迁移时，可以选择新空间使用**按量计费**或**包月套餐**。 迁移时，可以选择新空间使用**按量计费**或**包月套餐**。
...@@ -46,7 +46,7 @@ DCloud始终是为开发者提供更高性价比方案的产品服务公司，DC ...@@ -46,7 +46,7 @@ DCloud始终是为开发者提供更高性价比方案的产品服务公司，DC
为了更好的在云函数/云对象中兼容，购买待迁移正式版空间时， 可选择`是否在云函数/云对象代码中兼容 SpaceID`，如果开启该选项，迁移后在云函数/云对象内获取的`context.SPACEINFO.spaceId` 及 `cloudInfo` 内的 SpaceId 将保持不变，仍为原公测版SpaceId。开发者可以通过`context.SPACEINFO.useOldSpaceId` 或 `cloudInfo.useOldSpaceId`判断当前获取的spaceId是不是迁移前的，true表示当前服务空间在云函数内取到的服务空间id为迁移前的服务空间id，否则为新空间id。如运行本地云函数，此特性于`HBuilderX 3.6.13`起支持，云端默认支持此特性。**迁移后的新服务空间id为旧空间id加`mp-`前缀。** 为了更好的在云函数/云对象中兼容，购买待迁移正式版空间时， 可选择`是否在云函数/云对象代码中兼容 SpaceID`，如果开启该选项，迁移后在云函数/云对象内获取的`context.SPACEINFO.spaceId` 及 `cloudInfo` 内的 SpaceId 将保持不变，仍为原公测版SpaceId。开发者可以通过`context.SPACEINFO.useOldSpaceId` 或 `cloudInfo.useOldSpaceId`判断当前获取的spaceId是不是迁移前的，true表示当前服务空间在云函数内取到的服务空间id为迁移前的服务空间id，否则为新空间id。如运行本地云函数，此特性于`HBuilderX 3.6.13`起支持，云端默认支持此特性。**迁移后的新服务空间id为旧空间id加`mp-`前缀。**
![](https://web-assets.dcloud.net.cn/unidoc/zh/%E8%BF%81%E7%A7%BB%E4%B8%8B%E5%8D%95.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/%E8%BF%81%E7%A7%BB%E4%B8%8B%E5%8D%95.png)
**注意**： **注意**：
...@@ -157,7 +157,7 @@ url化访问时不管是默认域名还是自定义域名均和上述转发逻 ...@@ -157,7 +157,7 @@ url化访问时不管是默认域名还是自定义域名均和上述转发逻
由于自定义域名仍绑定在公测版服务空间，正式版空间前端网页托管的域名状态为`需解绑后重新绑定` 由于自定义域名仍绑定在公测版服务空间，正式版空间前端网页托管的域名状态为`需解绑后重新绑定`
![](https://web-assets.dcloud.net.cn/unidoc/zh/%E5%89%8D%E7%AB%AF%E7%BD%91%E9%A1%B5%E6%89%98%E7%AE%A1%E5%9F%9F%E5%90%8D%E7%8A%B6%E6%80%81.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/%E5%89%8D%E7%AB%AF%E7%BD%91%E9%A1%B5%E6%89%98%E7%AE%A1%E5%9F%9F%E5%90%8D%E7%8A%B6%E6%80%81.png)
需要开发者在[uniCloud控制台](https://unicloud.dcloud.net.cn)将自定义域名删除后重新绑定，通过该操作获取到新的CNAME后，将域名解析更换到新的CNAME以完成域名迁移。 这个期间前端网页托管自定义域名访问会中断，建议在访问量较低的时候处理。 需要开发者在[uniCloud控制台](https://unicloud.dcloud.net.cn)将自定义域名删除后重新绑定，通过该操作获取到新的CNAME后，将域名解析更换到新的CNAME以完成域名迁移。 这个期间前端网页托管自定义域名访问会中断，建议在访问量较低的时候处理。
......
docs/uniCloud/app-reinforce.md
浏览文件 @ 6a735acf
...@@ -34,18 +34,18 @@ App 开发完毕直接上线，可能存在代码泄露风险，通过 dex 整 ...@@ -34,18 +34,18 @@ App 开发完毕直接上线，可能存在代码泄露风险，通过 dex 整
1. 使用开发者账号登录[开发者中心](https://dev.dcloud.net.cn/) ，选择`应用加固服务`栏目。在使用此功能前需要开通服务。 1. 使用开发者账号登录[开发者中心](https://dev.dcloud.net.cn/) ，选择`应用加固服务`栏目。在使用此功能前需要开通服务。
![](https://web-assets.dcloud.net.cn/unidoc/zh/app-reinforce/no-open.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/app-reinforce/no-open.png)
2. 在申请应用加固之前，您需要先进行充值，因为应用加固是一项预付费业务。点击页面上的“充值”按钮，并输入充值金额进行充值。 2. 在申请应用加固之前，您需要先进行充值，因为应用加固是一项预付费业务。点击页面上的“充值”按钮，并输入充值金额进行充值。
![](https://web-assets.dcloud.net.cn/unidoc/zh/app-reinforce/recharge_1.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/app-reinforce/recharge_1.png)
3. 完成充值后，前往`安全加固记录`栏目，点击"申请加固"按钮后，将打开一个新页面，用于填写加固申请信息。 3. 完成充值后，前往`安全加固记录`栏目，点击"申请加固"按钮后，将打开一个新页面，用于填写加固申请信息。
::: warning 注意 ::: warning 注意
- 需提供已签名的安装包下载地址。 - 需提供已签名的安装包下载地址。
- 提交后会从账户余额扣除费用，若账户余额不足会提交失败。 - 提交后会从账户余额扣除费用，若账户余额不足会提交失败。
::: :::
![](https://web-assets.dcloud.net.cn/unidoc/zh/app-reinforce/reinforce-add_1.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/app-reinforce/reinforce-add_1.png)
3. 当您成功提交加固申请后，您可以查看安全加固记录来跟踪加固的进展和结果。 3. 当您成功提交加固申请后，您可以查看安全加固记录来跟踪加固的进展和结果。
::: warning 注意 ::: warning 注意
...@@ -53,7 +53,7 @@ App 开发完毕直接上线，可能存在代码泄露风险，通过 dex 整 ...@@ -53,7 +53,7 @@ App 开发完毕直接上线，可能存在代码泄露风险，通过 dex 整
- 如果加固成功，可以点击“下载加固包”按钮下载加固包。 - 如果加固成功，可以点击“下载加固包”按钮下载加固包。
- 如果加固失败，会显示原因。同时，我们将已扣除的费用退回到您的账户余额中。 - 如果加固失败，会显示原因。同时，我们将已扣除的费用退回到您的账户余额中。
::: :::
![](https://web-assets.dcloud.net.cn/unidoc/zh/app-reinforce/reinforce-list_1.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/app-reinforce/reinforce-list_1.png)
......
docs/uniCloud/authentication.md
浏览文件 @ 6a735acf
...@@ -171,7 +171,7 @@ auth.signInWithTicket('YourTicket').then(() => { ...@@ -171,7 +171,7 @@ auth.signInWithTicket('YourTicket').then(() => {
**注意：重复生成私钥会使之前生成的私钥失效，并导致用户登录状态失效** **注意：重复生成私钥会使之前生成的私钥失效，并导致用户登录状态失效**
![uniCloud下载私钥](https://web-assets.dcloud.net.cn/unidoc/zh/custom-login-secret.jpg) ![uniCloud下载私钥](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/custom-login-secret.jpg)
### 第二步：使用云函数创建登录凭据 ### 第二步：使用云函数创建登录凭据
......
docs/uniCloud/cdn-security-policy.md
浏览文件 @ 6a735acf
...@@ -35,7 +35,7 @@ Referer防盗链，是基于HTTP请求头中Referer字段来设置访问控制 ...@@ -35,7 +35,7 @@ Referer防盗链，是基于HTTP请求头中Referer字段来设置访问控制
例如，你的web网站地址为 abc.com，那么可以设定白名单为 abc.com，那么除了这个网站，其他来源请求都会被禁止访问cdn。 例如，你的web网站地址为 abc.com，那么可以设定白名单为 abc.com，那么除了这个网站，其他来源请求都会被禁止访问cdn。
![配置Referer防盗链](https://web-assets.dcloud.net.cn/unidoc/zh/cdn-safe-referer.png) ![配置Referer防盗链](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/cdn-safe-referer.png)
**配置说明** **配置说明**
...@@ -92,7 +92,7 @@ User-Agent是HTTP请求头的一部分，包含用户访问时所使用的操作 ...@@ -92,7 +92,7 @@ User-Agent是HTTP请求头的一部分，包含用户访问时所使用的操作
访问控制UA黑/白名单页签，点击修改配置来配置规则。 访问控制UA黑/白名单页签，点击修改配置来配置规则。
![配置UA黑/白名单](https://web-assets.dcloud.net.cn/unidoc/zh/cdn-safe-ua.png) ![配置UA黑/白名单](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/cdn-safe-ua.png)
|配置项 |参数 |说明 | |配置项 |参数 |说明 |
|:-: |:-: |:-: | |:-: |:-: |:-: |
...@@ -124,7 +124,7 @@ uni-app的app端，有默认UA，也可以自定义UA。 ...@@ -124,7 +124,7 @@ uni-app的app端，有默认UA，也可以自定义UA。
访问控制IP黑/白名单页签，点击修改配置来配置规则。 访问控制IP黑/白名单页签，点击修改配置来配置规则。
![配置IP黑/白名单](https://web-assets.dcloud.net.cn/unidoc/zh/cdn-safe-ip.png) ![配置IP黑/白名单](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/cdn-safe-ip.png)
|配置项 |参数 |说明 | |配置项 |参数 |说明 |
|:-: |:-: |:-: | |:-: |:-: |:-: |
......
docs/uniCloud/cf-common.md
浏览文件 @ 6a735acf
...@@ -27,7 +27,7 @@ cloudfunctions ...@@ -27,7 +27,7 @@ cloudfunctions
**在`HBuilderX 3.0.0`以上版本上述步骤4、5可以在云函数上右键选择`管理公共模块依赖`来实现，如下图** **在`HBuilderX 3.0.0`以上版本上述步骤4、5可以在云函数上右键选择`管理公共模块依赖`来实现，如下图**
![管理公共模块依赖](https://web-assets.dcloud.net.cn/unidoc/zh/manage-common.png) ![管理公共模块依赖](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/manage-common.png)
公共模块依赖其他公共模块同理 公共模块依赖其他公共模块同理
......
docs/uniCloud/cf-functions.md
浏览文件 @ 6a735acf
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
每个云函数是一个js包，在云函数被调用时，由 serverless 调度系统分配硬件资源启动一个 node 环境来运行这个云函数。 每个云函数是一个js包，在云函数被调用时，由 serverless 调度系统分配硬件资源启动一个 node 环境来运行这个云函数。
在HBuilderX中可以新建云函数（HBuilderX 3.4 同时可以新建云对象）。 在HBuilderX中可以新建云函数（HBuilderX 3.4 同时可以新建云对象）。
![](https://web-assets.dcloud.net.cn/unidoc/zh/createFun-a.jpg) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/createFun-a.jpg)
每个云函数是一个目录，其中普通云函数有`index.js`入口文件，云对象的入口文件则是`index.obj.js`。 每个云函数是一个目录，其中普通云函数有`index.js`入口文件，云对象的入口文件则是`index.obj.js`。
...@@ -552,9 +552,9 @@ uniCloud的api中，有些api对应的实现，其代码体积较大，且这些 ...@@ -552,9 +552,9 @@ uniCloud的api中，有些api对应的实现，其代码体积较大，且这些
注意：未引用扩展库的，使用uniCloud相应api时会报错。 注意：未引用扩展库的，使用uniCloud相应api时会报错。
![](https://web-assets.dcloud.net.cn/unidoc/zh/uniPush-glkzk.jpg) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uniPush-glkzk.jpg)
![](https://web-assets.dcloud.net.cn/unidoc/zh/uniPush-kzk.jpg) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uniPush-kzk.jpg)
**目前支持的扩展库如下** **目前支持的扩展库如下**
......
docs/uniCloud/clientdb.md
浏览文件 @ 6a735acf
...@@ -36,7 +36,7 @@ JQL语法相关文档已移至：[JQL语法](jql.md) ...@@ -36,7 +36,7 @@ JQL语法相关文档已移至：[JQL语法](jql.md)
需写27行代码，如图： 需写27行代码，如图：
<div align=center> <div align=center>
<img style="max-width:750px;" src="https://web-assets.dcloud.net.cn/unidoc/zh/%E4%BC%A0%E7%BB%9Fphp%E5%BC%80%E5%8F%91%E9%9C%80%E8%A6%81%E7%9A%84%E6%9C%8D%E5%8A%A1%E7%AB%AF%E4%BB%A3%E7%A0%812.png"/> <img style="max-width:750px;" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/%E4%BC%A0%E7%BB%9Fphp%E5%BC%80%E5%8F%91%E9%9C%80%E8%A6%81%E7%9A%84%E6%9C%8D%E5%8A%A1%E7%AB%AF%E4%BB%A3%E7%A0%812.png"/>
</div> </div>
2. 前端用ajax携带必要参数请求API，然后将请求结果赋值给data中的变量。最终把变量在视图中渲染出来。 2. 前端用ajax携带必要参数请求API，然后将请求结果赋值给data中的变量。最终把变量在视图中渲染出来。
...@@ -44,7 +44,7 @@ JQL语法相关文档已移至：[JQL语法](jql.md) ...@@ -44,7 +44,7 @@ JQL语法相关文档已移至：[JQL语法](jql.md)
需写37行代码，如图： 需写37行代码，如图：
<div align=center> <div align=center>
<img style="max-width:750px;" src="https://web-assets.dcloud.net.cn/unidoc/zh/%E4%BC%A0%E7%BB%9F%E5%BC%80%E5%8F%91%E6%96%B9%E5%BC%8F%E5%89%8D%E7%AB%AF%E4%BB%A3%E7%A0%81.png"/> <img style="max-width:750px;" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/%E4%BC%A0%E7%BB%9F%E5%BC%80%E5%8F%91%E6%96%B9%E5%BC%8F%E5%89%8D%E7%AB%AF%E4%BB%A3%E7%A0%81.png"/>
</div> </div>
...@@ -57,7 +57,7 @@ JQL语法相关文档已移至：[JQL语法](jql.md) ...@@ -57,7 +57,7 @@ JQL语法相关文档已移至：[JQL语法](jql.md)
仅：5行代码如图： 仅：5行代码如图：
<div align=center> <div align=center>
<img style="max-width:750px;" src="https://web-assets.dcloud.net.cn/unidoc/zh/clientDB%E7%9A%84%E6%96%B9%E5%BC%8F.jpg"/> <img style="max-width:750px;" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/clientDB%E7%9A%84%E6%96%B9%E5%BC%8F.jpg"/>
</div> </div>
...@@ -65,7 +65,7 @@ JQL语法相关文档已移至：[JQL语法](jql.md) ...@@ -65,7 +65,7 @@ JQL语法相关文档已移至：[JQL语法](jql.md)
## clientDB图解 ## clientDB图解
![](https://web-assets.dcloud.net.cn/unidoc/zh/clientdb.jpg) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/clientdb.jpg)
`clientDB`的前端，有两种用法，可以用js API操作云数据库，也可以使用`<unicloud-db>`组件。 `clientDB`的前端，有两种用法，可以用js API操作云数据库，也可以使用`<unicloud-db>`组件。
......
docs/uniCloud/cloud-obj.md
浏览文件 @ 6a735acf
...@@ -155,7 +155,7 @@ _注：以上例子仅用于方便初学者理解。实际开发中对于简单 ...@@ -155,7 +155,7 @@ _注：以上例子仅用于方便初学者理解。实际开发中对于简单
云对象，其实是对云函数的封装。和创建云函数一样，在`uniCloud/cloudfunctions`目录右键新建云函数，选择云对象类型，输入云对象名称创建云对象，此处以云对象todo为例，创建的云对象包含一个`index.obj.js`。 云对象，其实是对云函数的封装。和创建云函数一样，在`uniCloud/cloudfunctions`目录右键新建云函数，选择云对象类型，输入云对象名称创建云对象，此处以云对象todo为例，创建的云对象包含一个`index.obj.js`。
![创建云对象](https://web-assets.dcloud.net.cn/unidoc/zh/uni-cloud-object-new.jpg) ![创建云对象](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni-cloud-object-new.jpg)
一个空的云对象内容如下 一个空的云对象内容如下
...@@ -841,7 +841,7 @@ method1(param1) { ...@@ -841,7 +841,7 @@ method1(param1) {
``` ```
调用该方法时可以看到代码提示： 调用该方法时可以看到代码提示：
![](https://web-assets.dcloud.net.cn/unidoc/zh/cloudobjjsdoc1.jpg) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/cloudobjjsdoc1.jpg)
## 在云对象中使用cookie ## 在云对象中使用cookie
......
docs/uniCloud/concepts/cloudfunction.md
浏览文件 @ 6a735acf
...@@ -14,7 +14,7 @@ ...@@ -14,7 +14,7 @@
HBuilderX 3.0起版本，在`uniCloud/cloudfunctions`目录右键创建云函数，如下： HBuilderX 3.0起版本，在`uniCloud/cloudfunctions`目录右键创建云函数，如下：
<div align=center> <div align=center>
<img style="max-width:750px;" src="https://web-assets.dcloud.net.cn/unidoc/zh/createFun-a.jpg"/> <img style="max-width:750px;" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/createFun-a.jpg"/>
</div> </div>
在HBuilderX 3.4起，上述界面更新为 新建云函数/云对象。 在HBuilderX 3.4起，上述界面更新为 新建云函数/云对象。
......
docs/uniCloud/concepts/space.md
浏览文件 @ 6a735acf
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
在 `uniCloud` 目录右键菜单中创建服务空间 在 `uniCloud` 目录右键菜单中创建服务空间
<div align=center> <div align=center>
<img style="max-width:750px;" src="https://web-assets.dcloud.net.cn/unidoc/zh/create1.jpg"/> <img style="max-width:750px;" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/create1.jpg"/>
</div> </div>
创建服务空间后，在同样的 `uniCloud` 目录右键菜单中关联该服务空间。只有项目关联好服务空间后，才能上传云函数、操作服务空间下的数据库、存储等资源。 创建服务空间后，在同样的 `uniCloud` 目录右键菜单中关联该服务空间。只有项目关联好服务空间后，才能上传云函数、操作服务空间下的数据库、存储等资源。
...@@ -40,11 +40,11 @@ web控制台可以新建、删除服务空间，管理线上的服务空间资 ...@@ -40,11 +40,11 @@ web控制台可以新建、删除服务空间，管理线上的服务空间资
2. 在服务空间详情页面左侧菜单点击`成员管理` 2. 在服务空间详情页面左侧菜单点击`成员管理`
3. 输入协作者邮箱并点击`搜索`，下方会出现搜索到的结果，确认无误后点击`添加成员`进行添加 3. 输入协作者邮箱并点击`搜索`，下方会出现搜索到的结果，确认无误后点击`添加成员`进行添加
![成员管理](https://web-assets.dcloud.net.cn/unidoc/zh/space-actor-search.png) ![成员管理](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/space-actor-search.png)
4. 下方`成员列表`中可以查看以及移除已添加的协作者 4. 下方`成员列表`中可以查看以及移除已添加的协作者
![成员列表](https://web-assets.dcloud.net.cn/unidoc/zh/space-actor-list.png) ![成员列表](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/space-actor-list.png)
**注意** **注意**
......
docs/uniCloud/db-index.md
浏览文件 @ 6a735acf
...@@ -18,11 +18,11 @@ ...@@ -18,11 +18,11 @@
1. 进入 [uniCloud 控制台](https://console.cloud.tencent.com/tcb)。 1. 进入 [uniCloud 控制台](https://console.cloud.tencent.com/tcb)。
2. 切换到【云数据库】标签页，并选择需要添加索引的集合，进入索引管理 tab 页，如下图。 2. 切换到【云数据库】标签页，并选择需要添加索引的集合，进入索引管理 tab 页，如下图。
![web控制台添加索引](https://web-assets.dcloud.net.cn/unidoc/zh/unicloud-web-index.jpg) ![web控制台添加索引](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/unicloud-web-index.jpg)
3. 添加索引。 3. 添加索引。
![添加索引](https://web-assets.dcloud.net.cn/unidoc/zh/composed-index.jpg) ![添加索引](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/composed-index.jpg)
注意： 注意：
- 索引是支持多字段组合的，所以不是简单的设某个字段为索引。而是需要先给索引起一个name，然后在该索引下配置1个或多个字段。 - 索引是支持多字段组合的，所以不是简单的设某个字段为索引。而是需要先给索引起一个name，然后在该索引下配置1个或多个字段。
...@@ -111,7 +111,7 @@ ...@@ -111,7 +111,7 @@
} }
``` ```
![地理位置索引](https://web-assets.dcloud.net.cn/unidoc/zh/unicloud-web-index-geo.jpg) ![地理位置索引](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/unicloud-web-index-geo.jpg)
### TTL索引@ttl ### TTL索引@ttl
...@@ -119,7 +119,7 @@ ttl索引用于设置数据过期时间，并在数据过期后进行删除。** ...@@ -119,7 +119,7 @@ ttl索引用于设置数据过期时间，并在数据过期后进行删除。**
配置方式如下： 配置方式如下：
![](https://web-assets.dcloud.net.cn/unidoc/zh/ttl-index.jpg) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/ttl-index.jpg)
**注意** **注意**
...@@ -149,7 +149,7 @@ ttl索引用于设置数据过期时间，并在数据过期后进行删除。** ...@@ -149,7 +149,7 @@ ttl索引用于设置数据过期时间，并在数据过期后进行删除。**
**配置索引为稀疏索引** **配置索引为稀疏索引**
![](https://web-assets.dcloud.net.cn/unidoc/zh/unicloud-web-index-sparse.jpg) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/unicloud-web-index-sparse.jpg)
### 字段大小限制 ### 字段大小限制
......
docs/uniCloud/db-performance.md
浏览文件 @ 6a735acf
...@@ -67,7 +67,7 @@ sample操作在大数据量高频触发时会响应缓慢，使用前请务必 ...@@ -67,7 +67,7 @@ sample操作在大数据量高频触发时会响应缓慢，使用前请务必
如果遇到终端用户反馈接口响应慢/超时，请查看[uniCloud web控制台](https://unicloud.dcloud.net.cn/)上是否有慢查询日志。如果有慢查询日志请参考本文档进行优化。 如果遇到终端用户反馈接口响应慢/超时，请查看[uniCloud web控制台](https://unicloud.dcloud.net.cn/)上是否有慢查询日志。如果有慢查询日志请参考本文档进行优化。
![](https://web-assets.dcloud.net.cn/unidoc/zh/db-slow.jpg) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/db-slow.jpg)
一个典型的慢查询日志包含以下信息 一个典型的慢查询日志包含以下信息
......
docs/uniCloud/frv/dev.md
浏览文件 @ 6a735acf
...@@ -139,7 +139,7 @@ iOS平台不支持通过参数的方式修改刷脸页的提示文案，但可 ...@@ -139,7 +139,7 @@ iOS平台不支持通过参数的方式修改刷脸页的提示文案，但可
实人认证相关接口由uni-cloud-verify扩展库提供，调用`uniCloud.getFacialRecognitionVerifyManager()`需云函数/云对象中加载对应的扩展库。[参考](../cf-functions.md#extension) 实人认证相关接口由uni-cloud-verify扩展库提供，调用`uniCloud.getFacialRecognitionVerifyManager()`需云函数/云对象中加载对应的扩展库。[参考](../cf-functions.md#extension)
![依赖扩展库](https://web-assets.dcloud.net.cn/unidoc/zh/rpa/unicloud-frv-edit-extension.jpg) ![依赖扩展库](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/rpa/unicloud-frv-edit-extension.jpg)
#### 获取实人认证实例@get-frv-manager #### 获取实人认证实例@get-frv-manager
...@@ -478,39 +478,39 @@ sequenceDiagram ...@@ -478,39 +478,39 @@ sequenceDiagram
1. 使用开发者账号登录[uniCloud控制台](https://unicloud.dcloud.net.cn/) ，选择`实人认证`栏目。在使用此功能前需要完成实名认证，可前往[开发者中心](https://dev.dcloud.net.cn/)完成实名认证。 1. 使用开发者账号登录[uniCloud控制台](https://unicloud.dcloud.net.cn/) ，选择`实人认证`栏目。在使用此功能前需要完成实名认证，可前往[开发者中心](https://dev.dcloud.net.cn/)完成实名认证。
![](https://web-assets.dcloud.net.cn/unidoc/zh/rpa/rpa1674035425.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/rpa/rpa1674035425.png)
2. 完成实名认证后，阅读uni实人认证服务协议并点击协议下方的“同意协议并开通”按钮，便可开通实人认证服务。 2. 完成实名认证后，阅读uni实人认证服务协议并点击协议下方的“同意协议并开通”按钮，便可开通实人认证服务。
![](https://web-assets.dcloud.net.cn/unidoc/zh/rpa/rpa1674039403.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/rpa/rpa1674039403.png)
3. 实人认证为预付费业务，使用实人认证服务之前，需要先进行充值。点击页面上的“充值”按钮，并输入充值金额进行充值，充值金额最小为1元。 3. 实人认证为预付费业务，使用实人认证服务之前，需要先进行充值。点击页面上的“充值”按钮，并输入充值金额进行充值，充值金额最小为1元。
![](https://web-assets.dcloud.net.cn/unidoc/zh/rpa/rpa1674040001.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/rpa/rpa1674040001.png)
4. 在插件市场中导入[uni-frv-external](https://ext.dcloud.net.cn/plugin?name=uni-frv-external)至项目中。 4. 在插件市场中导入[uni-frv-external](https://ext.dcloud.net.cn/plugin?name=uni-frv-external)至项目中。
5. 按需配置实名认证，具体配置[详见](#uni-frv-co-config), 实名认证配置文件路径：`uniCloud/cloudfunctions/common/uni-config-center/uni-frv-external-co/config.json`。 5. 按需配置实名认证，具体配置[详见](#uni-frv-co-config), 实名认证配置文件路径：`uniCloud/cloudfunctions/common/uni-config-center/uni-frv-external-co/config.json`。
7. 需要自行准备一个实名认证页面，引入`uni-frv-external-realname`组件，组件详细配置参考[前端使用](#uni-frv-external-feuse) 7. 需要自行准备一个实名认证页面，引入`uni-frv-external-realname`组件，组件详细配置参考[前端使用](#uni-frv-external-feuse)
8. 在`manifest.json`中找到`App模块设置-打包模块设置`，勾选”实人认证“。 8. 在`manifest.json`中找到`App模块设置-打包模块设置`，勾选”实人认证“。
![](https://web-assets.dcloud.net.cn/unidoc/zh/202302231806176.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/202302231806176.png)
9. 建议在 uniCloud 中配置服务空间白名单安全配置，可以提高接口调用安全性，防止被他人盗用。可点击“添加服务空间”按钮，选择相应的服务空间完成添加服务空间白名单，服务空间添加成功后，只有列表中的服务空间才可以调用当前账号下的实人认证接口。此列表为空时，不校验调用方的服务空间。 9. 建议在 uniCloud 中配置服务空间白名单安全配置，可以提高接口调用安全性，防止被他人盗用。可点击“添加服务空间”按钮，选择相应的服务空间完成添加服务空间白名单，服务空间添加成功后，只有列表中的服务空间才可以调用当前账号下的实人认证接口。此列表为空时，不校验调用方的服务空间。
![](https://web-assets.dcloud.net.cn/unidoc/zh/rpa/rap1674040168.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/rpa/rap1674040168.png)
10. 运行iOS/Android标准基座即可测试实名认证功能。 10. 运行iOS/Android标准基座即可测试实名认证功能。
![](https://web-assets.dcloud.net.cn/unidoc/zh/202302231812402.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/202302231812402.png)
11. 在用户完成实名认证后，可以在uniCloud控制台查看实人认证调用记录与统计。 11. 在用户完成实名认证后，可以在uniCloud控制台查看实人认证调用记录与统计。
![](https://web-assets.dcloud.net.cn/unidoc/zh/rpa/rpa1674040923.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/rpa/rpa1674040923.png)
但此业务数据量较大，为了维持服务的稳定性，只能查看30天内的某1天的全部调用记录，默认选择当天。 但此业务数据量较大，为了维持服务的稳定性，只能查看30天内的某1天的全部调用记录，默认选择当天。
![](https://web-assets.dcloud.net.cn/unidoc/zh/rpa/rpa1674041037.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/rpa/rpa1674041037.png)
系统可查看实人认证每日调用汇总数据，包括每日请求次数、每日请求成功次数、每日计费金额等汇总数据。 系统可查看实人认证每日调用汇总数据，包括每日请求次数、每日请求成功次数、每日计费金额等汇总数据。
......
docs/uniCloud/frv/intro.md
浏览文件 @ 6a735acf
...@@ -10,13 +10,13 @@ uni实人认证是金融级实人认证，供应商为阿里云，背后依托 ...@@ -10,13 +10,13 @@ uni实人认证是金融级实人认证，供应商为阿里云，背后依托
<div style="display: flex; flex-basis: 10px"> <div style="display: flex; flex-basis: 10px">
<div style="margin-right: 10px;"> <div style="margin-right: 10px;">
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/202302242042365.jpg" width="375"/> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/202302242042365.jpg" width="375"/>
</div> </div>
<div style="margin-right: 10px;"> <div style="margin-right: 10px;">
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/202302222009563.jpg" width="375"/> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/202302222009563.jpg" width="375"/>
</div> </div>
<div> <div>
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/202302242037107.jpg" width="375" /> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/202302242037107.jpg" width="375" />
</div> </div>
</div> </div>
...@@ -49,7 +49,7 @@ uni实人认证具备便宜、安全、准确、稳定、实时、可靠等优 ...@@ -49,7 +49,7 @@ uni实人认证具备便宜、安全、准确、稳定、实时、可靠等优
<!-- ## 基本流程 <!-- ## 基本流程
![](https://web-assets.dcloud.net.cn/unidoc/zh/rpa/rpa_ts.png) --> ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/rpa/rpa_ts.png) -->
## 典型场景 ## 典型场景
...@@ -102,7 +102,7 @@ uni实人认证，主要用于政务和防刷。 ...@@ -102,7 +102,7 @@ uni实人认证，主要用于政务和防刷。
直播行业因国家强监管需要，需要留存用户身份真实信息。传统做法是要求用户提交手持证件、身份证正反面复印件，通过人工审核证明用户是身份证持有者本人，费时费力。通过调用人脸认证服务，可以大幅提升主播入驻、直播、资金交易等流程效率和体验。 直播行业因国家强监管需要，需要留存用户身份真实信息。传统做法是要求用户提交手持证件、身份证正反面复印件，通过人工审核证明用户是身份证持有者本人，费时费力。通过调用人脸认证服务，可以大幅提升主播入驻、直播、资金交易等流程效率和体验。
![](https://web-assets.dcloud.net.cn/unidoc/zh/rpa/rpa_zb.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/rpa/rpa_zb.png)
### 招聘行业 ### 招聘行业
......
docs/uniCloud/frv/service.md
浏览文件 @ 6a735acf
...@@ -3,31 +3,31 @@ ...@@ -3,31 +3,31 @@
### 开通流程 ### 开通流程
使用开发者账号登录[uniCloud控制台](https://unicloud.dcloud.net.cn/) ，选择`实人认证`栏目。在使用此功能前需要完成实名认证，可前往[开发者中心](https://dev.dcloud.net.cn/)完成实名认证。 使用开发者账号登录[uniCloud控制台](https://unicloud.dcloud.net.cn/) ，选择`实人认证`栏目。在使用此功能前需要完成实名认证，可前往[开发者中心](https://dev.dcloud.net.cn/)完成实名认证。
![](https://web-assets.dcloud.net.cn/unidoc/zh/rpa/rpa1674035425.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/rpa/rpa1674035425.png)
完成实名认证后，阅读uni实名认证服务协议并点击协议下方的“同意协议并开通”按钮，便可开通实人认证服务。 完成实名认证后，阅读uni实名认证服务协议并点击协议下方的“同意协议并开通”按钮，便可开通实人认证服务。
![](https://web-assets.dcloud.net.cn/unidoc/zh/rpa/rpa1674039403.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/rpa/rpa1674039403.png)
### 充值 ### 充值
实人认证为预付费业务，使用实人认证服务之前，需要先进行充值。点击页面上的“充值”按钮，并输入充值金额进行充值，充值金额最小为1元。 实人认证为预付费业务，使用实人认证服务之前，需要先进行充值。点击页面上的“充值”按钮，并输入充值金额进行充值，充值金额最小为1元。
![](https://web-assets.dcloud.net.cn/unidoc/zh/rpa/rpa1674040001.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/rpa/rpa1674040001.png)
### 安全配置 ### 安全配置
系统提供了 uniCloud 服务空间白名单安全配置，可以提高接口调用安全性，防止被他人盗用。可点击“添加服务空间”按钮，选择相应的服务空间完成添加服务空间白名单，服务空间添加成功后，只有列表中的服务空间才可以调用当前账号下的实人认证接口。此列表为空时，不校验调用方的服务空间。 系统提供了 uniCloud 服务空间白名单安全配置，可以提高接口调用安全性，防止被他人盗用。可点击“添加服务空间”按钮，选择相应的服务空间完成添加服务空间白名单，服务空间添加成功后，只有列表中的服务空间才可以调用当前账号下的实人认证接口。此列表为空时，不校验调用方的服务空间。
![](https://web-assets.dcloud.net.cn/unidoc/zh/rpa/rap1674040168.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/rpa/rap1674040168.png)
### 调用记录 ### 调用记录
系统可查看实人认证实时的调用记录列表，但此业务数据量较大，为了维持服务的稳定性，只能查看30天内的某1天的全部调用记录，默认选择当天。 系统可查看实人认证实时的调用记录列表，但此业务数据量较大，为了维持服务的稳定性，只能查看30天内的某1天的全部调用记录，默认选择当天。
![](https://web-assets.dcloud.net.cn/unidoc/zh/rpa/rpa1674040923.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/rpa/rpa1674040923.png)
### 调用统计 ### 调用统计
系统可查看实人认证每日调用汇总数据，包括每日请求次数、每日请求成功次数、每日计费金额等汇总数据。 系统可查看实人认证每日调用汇总数据，包括每日请求次数、每日请求成功次数、每日计费金额等汇总数据。
![](https://web-assets.dcloud.net.cn/unidoc/zh/rpa/rpa1674041037.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/rpa/rpa1674041037.png)
docs/uniCloud/hellodb.md
浏览文件 @ 6a735acf
...@@ -65,7 +65,7 @@ uniCloud同时支持阿里云和腾讯云，它们的数据库大体相同，有 ...@@ -65,7 +65,7 @@ uniCloud同时支持阿里云和腾讯云，它们的数据库大体相同，有
比如我们创建一个简历表，名为 `resume`。点击上方右侧的 创建 按钮即可。 比如我们创建一个简历表，名为 `resume`。点击上方右侧的 创建 按钮即可。
![](https://web-assets.dcloud.net.cn/unidoc/zh/createtablebywebconsole2.jpg) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/createtablebywebconsole2.jpg)
新建表时，支持选择现成的 [opendb](opendb.md) 表模板，选择一个或多个模板表，可以点击右下方按钮创建。 新建表时，支持选择现成的 [opendb](opendb.md) 表模板，选择一个或多个模板表，可以点击右下方按钮创建。
...@@ -102,13 +102,13 @@ record可以增删改查、排序统计。后续有API介绍。 ...@@ -102,13 +102,13 @@ record可以增删改查、排序统计。后续有API介绍。
} }
``` ```
![](https://web-assets.dcloud.net.cn/unidoc/zh/newrecordebywebconsole.jpg) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/newrecordebywebconsole.jpg)
创建一条新记录，是不管在web控制台创建，还是通过API创建，每条记录都会自带一个`_id`字段用以作为该记录的唯一标志。 创建一条新记录，是不管在web控制台创建，还是通过API创建，每条记录都会自带一个`_id`字段用以作为该记录的唯一标志。
`_id`字段是每个数据表默认自带且不可删除的字段。同时，它也是数据表的索引。 `_id`字段是每个数据表默认自带且不可删除的字段。同时，它也是数据表的索引。
![](https://web-assets.dcloud.net.cn/unidoc/zh/recordcontent.jpg) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/recordcontent.jpg)
阿里云使用的是标准的mongoDB，`_id`是自增的，后创建的记录的`_id`总是大于先生成的`_id`。传统数据库的自然数自增字段在多物理机的大型数据库下很难保持同步，大型数据库均使用`_id`这种长度较长、不会重复且仍然保持自增规律的方式。 阿里云使用的是标准的mongoDB，`_id`是自增的，后创建的记录的`_id`总是大于先生成的`_id`。传统数据库的自然数自增字段在多物理机的大型数据库下很难保持同步，大型数据库均使用`_id`这种长度较长、不会重复且仍然保持自增规律的方式。
...@@ -141,7 +141,7 @@ record可以增删改查、排序统计。后续有API介绍。 ...@@ -141,7 +141,7 @@ record可以增删改查、排序统计。后续有API介绍。
**在web控制台添加上述索引** **在web控制台添加上述索引**
![](https://web-assets.dcloud.net.cn/unidoc/zh/composed-index.jpg) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/composed-index.jpg)
**注意** **注意**
- 如果记录中已经存在多个记录某字段相同的情况，那么将该字段设为唯一型索引会失败。 - 如果记录中已经存在多个记录某字段相同的情况，那么将该字段设为唯一型索引会失败。
......
docs/uniCloud/hosting.md
浏览文件 @ 6a735acf
...@@ -66,7 +66,7 @@ DCloud为开发者提供了`uni发布平台`，包括网站发布、App发布和 ...@@ -66,7 +66,7 @@ DCloud为开发者提供了`uni发布平台`，包括网站发布、App发布和
在菜单视图中，或者在左下角状态栏中，点击`前端网页托管`，可在左侧打开前端网页托管管理器。如下图 在菜单视图中，或者在左下角状态栏中，点击`前端网页托管`，可在左侧打开前端网页托管管理器。如下图
<img style="max-width:750px;" src="https://web-assets.dcloud.net.cn/unidoc/zh/%E5%89%8D%E7%AB%AF%E7%BD%91%E9%A1%B5%E6%89%98%E7%AE%A1%E7%AE%A1%E7%90%86%E5%99%A8.jpg"/> <img style="max-width:750px;" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/%E5%89%8D%E7%AB%AF%E7%BD%91%E9%A1%B5%E6%89%98%E7%AE%A1%E7%AE%A1%E7%90%86%E5%99%A8.jpg"/>
在前端网页托管管理器中，可以看到当前用户的服务空间列表，置灰表示该服务空间还没有开通前端网页托管，点击后可根据提示开通。（如上图中置灰的ali1服务空间）。 在前端网页托管管理器中，可以看到当前用户的服务空间列表，置灰表示该服务空间还没有开通前端网页托管，点击后可根据提示开通。（如上图中置灰的ali1服务空间）。
......
docs/uniCloud/http.md
浏览文件 @ 6a735acf
...@@ -26,7 +26,7 @@ url化后需要注意以下几点 ...@@ -26,7 +26,7 @@ url化后需要注意以下几点
2. 单击左侧菜单栏【云函数】，进入云函数页面。 2. 单击左侧菜单栏【云函数】，进入云函数页面。
3. 点击需要配置的云函数的【详情】按钮，配置访问路径。 3. 点击需要配置的云函数的【详情】按钮，配置访问路径。
<img style="max-width:800px;height:auto;" src="https://web-assets.dcloud.net.cn/unidoc/zh/funPath.jpg"></img> <img style="max-width:800px;height:auto;" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/funPath.jpg"></img>
如果配置某云函数路径为`/test`，实际访问`/test`、`/test/a`、`/test/b`都会执行此云函数，在云函数内可以使用`event.path`区分访问来源 如果配置某云函数路径为`/test`，实际访问`/test`、`/test/a`、`/test/b`都会执行此云函数，在云函数内可以使用`event.path`区分访问来源
...@@ -41,7 +41,7 @@ url化后需要注意以下几点 ...@@ -41,7 +41,7 @@ url化后需要注意以下几点
1. 单击左侧菜单栏【云函数】，进入云函数页面。 1. 单击左侧菜单栏【云函数】，进入云函数页面。
2. 单击【云函数域名绑定】，在弹出的配置窗口中进行配置。 2. 单击【云函数域名绑定】，在弹出的配置窗口中进行配置。
<img style="max-width:800px;height:auto;" src="https://web-assets.dcloud.net.cn/unidoc/zh/unicloud-function-http-domain.jpg"></img> <img style="max-width:800px;height:auto;" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/unicloud-function-http-domain.jpg"></img>
上一步中填写域名证书且绑定成功后会返回一个`CNAME域名`，将绑定的域名配置CNAME记录值为此`CNAME域名`即可 上一步中填写域名证书且绑定成功后会返回一个`CNAME域名`，将绑定的域名配置CNAME记录值为此`CNAME域名`即可
......
docs/uniCloud/ip-filter.md
浏览文件 @ 6a735acf
...@@ -35,7 +35,7 @@ IP防刷包含两个子功能： ...@@ -35,7 +35,7 @@ IP防刷包含两个子功能：
IP黑名单是用来完全阻止设定的IP或IP网段（cidr规范）访问云函数或clientDB的功能。 IP黑名单是用来完全阻止设定的IP或IP网段（cidr规范）访问云函数或clientDB的功能。
![black list](https://web-assets.dcloud.net.cn/unidoc/zh/ip-black-list.jpg) ![black list](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/ip-black-list.jpg)
被封禁IP访问云函数及clientDB时会收到错误响应，错误码为：`ACCESS_DENIED`，错误信息为：`Access denied` 被封禁IP访问云函数及clientDB时会收到错误响应，错误码为：`ACCESS_DENIED`，错误信息为：`Access denied`
...@@ -84,7 +84,7 @@ IP访问频率控制用于限制单个IP访问云函数的频率。如图所示 ...@@ -84,7 +84,7 @@ IP访问频率控制用于限制单个IP访问云函数的频率。如图所示
- blockTime配置为0时超出限制也不会进行封禁，只是拒绝请求。 - blockTime配置为0时超出限制也不会进行封禁，只是拒绝请求。
- duration或limit配置为0时将不再限制访问频率，但是已被临时封禁的用户依然需要等到解封后才可以访问 - duration或limit配置为0时将不再限制访问频率，但是已被临时封禁的用户依然需要等到解封后才可以访问
![frequency limit](https://web-assets.dcloud.net.cn/unidoc/zh/ip-freq-limit.jpg) ![frequency limit](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/ip-freq-limit.jpg)
访问频率过高的用户及由于访问频率过高被临时封禁的用户访问云函数及clientDB时会收到错误响应，错误码为：`OPERATION_TOO_FREQUENT`，错误信息为：`Operation is too frequent, please try again later` 访问频率过高的用户及由于访问频率过高被临时封禁的用户访问云函数及clientDB时会收到错误响应，错误码为：`OPERATION_TOO_FREQUENT`，错误信息为：`Operation is too frequent, please try again later`
......
docs/uniCloud/jql-runner.md
浏览文件 @ 6a735acf
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
3. 使用工具栏上的运行按钮运行（快捷键：Ctrl+R 或 F5）即可 3. 使用工具栏上的运行按钮运行（快捷键：Ctrl+R 或 F5）即可
<div align=center> <div align=center>
<img style="max-width:750px;" src="https://web-assets.dcloud.net.cn/unidoc/zh/jql-runner.jpg"/> <img style="max-width:750px;" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/jql-runner.jpg"/>
</div> </div>
......
docs/uniCloud/jql-schema-ext.md
浏览文件 @ 6a735acf
...@@ -658,7 +658,7 @@ schema扩展依赖的公共模块和扩展库同样可以被action、validateFun ...@@ -658,7 +658,7 @@ schema扩展依赖的公共模块和扩展库同样可以被action、validateFun
自`HBuilderX 3.7.0`起，可以在项目的`uniCloud/database`目录上右键管理schema扩展依赖的公共模块和扩展库。同样在此目录右键选择`上传schema扩展Js的配置`将配置的依赖同步到云端。 自`HBuilderX 3.7.0`起，可以在项目的`uniCloud/database`目录上右键管理schema扩展依赖的公共模块和扩展库。同样在此目录右键选择`上传schema扩展Js的配置`将配置的依赖同步到云端。
![](https://web-assets.dcloud.net.cn/unidoc/zh/deps-of-jql.jpg) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/deps-of-jql.jpg)
`HBuilderX 3.2.7`到`HBuilderX 3.7.0`之间的版本，可通过在要使用的公共模块的package.json内配置`"includeInClientDB":true`，可以将公共模块和schema扩展关联，`HBuilderX 3.7.0`及之后的版本不推荐使用此用法 `HBuilderX 3.2.7`到`HBuilderX 3.7.0`之间的版本，可通过在要使用的公共模块的package.json内配置`"includeInClientDB":true`，可以将公共模块和schema扩展关联，`HBuilderX 3.7.0`及之后的版本不推荐使用此用法
......
docs/uniCloud/jql.md
浏览文件 @ 6a735acf
...@@ -104,7 +104,7 @@ sql写法，对js工程师而言有学习成本，而且无法处理非关系型 ...@@ -104,7 +104,7 @@ sql写法，对js工程师而言有学习成本，而且无法处理非关系型
这里选择以使用了JQL完整功能clientDB为例，JQL操作数据库的流程如下。不同使用场景的区别请参考： [JQL的使用场景](uniCloud/jql.md?id=scene) 这里选择以使用了JQL完整功能clientDB为例，JQL操作数据库的流程如下。不同使用场景的区别请参考： [JQL的使用场景](uniCloud/jql.md?id=scene)
![](https://web-assets.dcloud.net.cn/unidoc/zh/clientdb.jpg) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/clientdb.jpg)
## JQL的使用场景@scene ## JQL的使用场景@scene
...@@ -3372,7 +3372,7 @@ action是一种特殊的云函数，它不占用服务空间的云函数数量 ...@@ -3372,7 +3372,7 @@ action是一种特殊的云函数，它不占用服务空间的云函数数量
**新建action** **新建action**
![新建action](https://web-assets.dcloud.net.cn/unidoc/zh/create-client-actions.jpg) ![新建action](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/create-client-actions.jpg)
每个action在uni-clientDB-actions目录下存放一个以action名称命名的js文件。 每个action在uni-clientDB-actions目录下存放一个以action名称命名的js文件。
......
docs/uniCloud/learning.md
浏览文件 @ 6a735acf
...@@ -8,7 +8,7 @@ ...@@ -8,7 +8,7 @@
#### DCloud出品的视频教程： #### DCloud出品的视频教程：
<a target="_blank" href="https://www.bilibili.com/video/BV17p4y1a71x?p=1"> <a target="_blank" href="https://www.bilibili.com/video/BV17p4y1a71x?p=1">
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/20210512183320.jpg" alt="uniCloud视频教程" style="width: 70%;"> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/20210512183320.jpg" alt="uniCloud视频教程" style="width: 70%;">
</a> </a>
......
docs/uniCloud/publish.md
浏览文件 @ 6a735acf
...@@ -33,7 +33,7 @@ HBuilderX有多种发行方式 ...@@ -33,7 +33,7 @@ HBuilderX有多种发行方式
**阿里云查看上传、下载安全域名** **阿里云查看上传、下载安全域名**
![阿里云查看上传、下载安全域名](https://web-assets.dcloud.net.cn/unidoc/zh/unicloud-aliyun-secure-domain.jpg) ![阿里云查看上传、下载安全域名](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/unicloud-aliyun-secure-domain.jpg)
小程序开发工具的真机预览功能，必须添加上述域名白名单，否则无法调用云函数。模拟器的PC端预览、真机调试不受此影响。 小程序开发工具的真机预览功能，必须添加上述域名白名单，否则无法调用云函数。模拟器的PC端预览、真机调试不受此影响。
...@@ -55,7 +55,7 @@ HBuilderX内使用运行菜单运行到小程序时会连接本地调试服务 ...@@ -55,7 +55,7 @@ HBuilderX内使用运行菜单运行到小程序时会连接本地调试服务
如果域名白名单提示 `127.0.0.1` 这个ip没有加入白名单，那代表你点的就是【运行】菜单发布的体验版，请务必点【发行】发布小程序。**uni-app项目发行与运行输出的目录不同，请注意不要选错了** 如果域名白名单提示 `127.0.0.1` 这个ip没有加入白名单，那代表你点的就是【运行】菜单发布的体验版，请务必点【发行】发布小程序。**uni-app项目发行与运行输出的目录不同，请注意不要选错了**
![](https://web-assets.dcloud.net.cn/unidoc/zh/uni-admin/391.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni-admin/391.png)
### Web端使用uniCloud@useinh5 ### Web端使用uniCloud@useinh5
......
docs/uniCloud/quickstart.md
浏览文件 @ 6a735acf
...@@ -25,7 +25,7 @@ Hello uniCloud 的源码地址：[https://ext.dcloud.net.cn/plugin?id=4082](http ...@@ -25,7 +25,7 @@ Hello uniCloud 的源码地址：[https://ext.dcloud.net.cn/plugin?id=4082](http
- 初次体验推荐阿里云，因为腾讯云的开户流程更复杂。 - 初次体验推荐阿里云，因为腾讯云的开户流程更复杂。
- 推荐使用vue3版本，因为编译速度更快。但注意不支持低版本Android。 - 推荐使用vue3版本，因为编译速度更快。但注意不支持低版本Android。
<div align=center> <div align=center>
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/create-unicloud.jpg"/> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/create-unicloud.jpg"/>
</div> </div>
2. HBuilderX 会在项目创建后弹出 uniCloud初始化向导，根据向导部署 2. HBuilderX 会在项目创建后弹出 uniCloud初始化向导，根据向导部署
- 按照法律要求，开通云服务器需实名认证，如未认证请根据提示完成 - 按照法律要求，开通云服务器需实名认证，如未认证请根据提示完成
...@@ -62,7 +62,7 @@ Hello uniCloud 的源码地址：[https://ext.dcloud.net.cn/plugin?id=4082](http ...@@ -62,7 +62,7 @@ Hello uniCloud 的源码地址：[https://ext.dcloud.net.cn/plugin?id=4082](http
在`uniCloud/cloudfunctions`目录右键创建云函数/云对象 在`uniCloud/cloudfunctions`目录右键创建云函数/云对象
<div align=center> <div align=center>
<img style="max-width:750px;" src="https://web-assets.dcloud.net.cn/unidoc/zh/createFun-a.jpg"/> <img style="max-width:750px;" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/createFun-a.jpg"/>
</div> </div>
- 创建云函数后，生成一个目录，该目录下自动生成index.js，是该云函数的入口文件，不可改名。 - 创建云函数后，生成一个目录，该目录下自动生成index.js，是该云函数的入口文件，不可改名。
......
docs/uniCloud/redis-buy.md
浏览文件 @ 6a735acf
...@@ -8,7 +8,7 @@ ...@@ -8,7 +8,7 @@
2. 选择一个服务空间 2. 选择一个服务空间
3. 选择左侧redis菜单，选择实例并购买即可 3. 选择左侧redis菜单，选择实例并购买即可
![](https://web-assets.dcloud.net.cn/unidoc/zh/redis-new-230506.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/redis-new-230506.png)
**注意** **注意**
...@@ -44,7 +44,7 @@ ...@@ -44,7 +44,7 @@
在uniCloud web控制台redis详情页面点击续费按钮可以对redis实例进行续费操作。 在uniCloud web控制台redis详情页面点击续费按钮可以对redis实例进行续费操作。
![](https://web-assets.dcloud.net.cn/unidoc/zh/redis-renew-230506.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/redis-renew-230506.png)
实例到期后的第1~7天，实例状态为被禁用，无法被访问。如需继续使用，您需要及时为实例续费 实例到期后的第1~7天，实例状态为被禁用，无法被访问。如需继续使用，您需要及时为实例续费
......
docs/uniCloud/resource.md
浏览文件 @ 6a735acf
...@@ -14,54 +14,54 @@ ...@@ -14,54 +14,54 @@
- [中国教育发布(中国教育部官方App )](http://xwapp.moe.gov.cn/h5/sharepage/download.html)[详见报道](http://www.moe.gov.cn/jyb_xwfb/gzdt_gzdt/s5987/202009/t20200904_485105.html) - [中国教育发布(中国教育部官方App )](http://xwapp.moe.gov.cn/h5/sharepage/download.html)[详见报道](http://www.moe.gov.cn/jyb_xwfb/gzdt_gzdt/s5987/202009/t20200904_485105.html)
<a href="http://xwapp.moe.gov.cn/h5/sharepage/download.html" target="_blank"> <a href="http://xwapp.moe.gov.cn/h5/sharepage/download.html" target="_blank">
<img width="400" src="https://web-assets.dcloud.net.cn/unidoc/zh/10.png"> <img width="400" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/10.png">
</a> </a>
- [鲸鱼解忧馆](https://web-assets.dcloud.net.cn/unidoc/zh/123.png) 一个通过交流与诉说以消除烦恼的平台。 - [鲸鱼解忧馆](https://qiniu-qiniu-web-assets.dcloud.net.cn/unidoc/zh/123.png) 一个通过交流与诉说以消除烦恼的平台。
我们的愿望是每个用户在这里写下烦恼后能够得到解答与回应，并且找到与自己拥有同样烦恼的人和群体。 我们的愿望是每个用户在这里写下烦恼后能够得到解答与回应，并且找到与自己拥有同样烦恼的人和群体。
也许回应不会那么迅速，但总归会得到暖心的回复。答案难道不是一种值得期待的事情吗？ 也许回应不会那么迅速，但总归会得到暖心的回复。答案难道不是一种值得期待的事情吗？
也许“答案”不是那么“准确”，因为人与人的心理与性格各异。但我们初心的是引导你走出心里的围墙。 也许“答案”不是那么“准确”，因为人与人的心理与性格各异。但我们初心的是引导你走出心里的围墙。
一个无需过多言语便懂你的慢社交轻社区。 一个无需过多言语便懂你的慢社交轻社区。
<a href="https://web-assets.dcloud.net.cn/unidoc/zh/123.png" target="_blank"> <a href="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/123.png" target="_blank">
<img width="800" src="https://web-assets.dcloud.net.cn/unidoc/zh/123.png"> <img width="800" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/123.png">
</a> </a>
- [uni-starter](https://ext.dcloud.net.cn/plugin?id=5057) - [uni-starter](https://ext.dcloud.net.cn/plugin?id=5057)
一个集成了大量商用项目常见功能的，云端一体应用快速开发基本项目模版。 一个集成了大量商用项目常见功能的，云端一体应用快速开发基本项目模版。
<a href="https://ext.dcloud.net.cn/plugin?id=5057" target="_blank"> <a href="https://ext.dcloud.net.cn/plugin?id=5057" target="_blank">
<img width="400" src="https://web-assets.dcloud.net.cn/unidoc/zh/uni-starter-img.png"> <img width="400" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni-starter-img.png">
</a> </a>
- [合成类网赚游戏](https://ext.dcloud.net.cn/plugin?id=4095) 该款网赚游戏是基于uni-app、uniCloud、uni-AD开发的合成类项目，源码和文档完全开放。 - [合成类网赚游戏](https://ext.dcloud.net.cn/plugin?id=4095) 该款网赚游戏是基于uni-app、uniCloud、uni-AD开发的合成类项目，源码和文档完全开放。
游戏主要功能：玩家通过签到等方式赚取金币，使用金币购买低等级猫然后合成为更高等级猫。金币不足时，通过观看激励视频广告，获取新的金币。玩家通过邀请好友一起养猫，下线观看激励视频，邀请者可获得激励红包。 游戏主要功能：玩家通过签到等方式赚取金币，使用金币购买低等级猫然后合成为更高等级猫。金币不足时，通过观看激励视频广告，获取新的金币。玩家通过邀请好友一起养猫，下线观看激励视频，邀请者可获得激励红包。
<a href="https://ext.dcloud.net.cn/plugin?id=4095"> <a href="https://ext.dcloud.net.cn/plugin?id=4095">
<img width="400" src="https://web-assets.dcloud.net.cn/unidoc/zh/cat-ad.png"> <img width="400" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/cat-ad.png">
</a> </a>
- [猜歌类网赚游戏](https://ext.dcloud.net.cn/plugin?id=4826) 该游戏基于uni-app、uniCloud、uni-AD开发的小游戏，通过猜歌曲、观看广告赚取现金奖励。代码开源、文档公开。 - [猜歌类网赚游戏](https://ext.dcloud.net.cn/plugin?id=4826) 该游戏基于uni-app、uniCloud、uni-AD开发的小游戏，通过猜歌曲、观看广告赚取现金奖励。代码开源、文档公开。
游戏主要功能：玩家可以通过猜歌、做任务等方式直接获取现金奖励。玩家可以通过猜歌、拆红包、做任务等方式获取金币奖励，当金币累积到一定数量可以兑换现金。玩家可以通过做带有抽奖字样的任务获取现金抽奖次数。支持App和微信小程序双平台变现。 游戏主要功能：玩家可以通过猜歌、做任务等方式直接获取现金奖励。玩家可以通过猜歌、拆红包、做任务等方式获取金币奖励，当金币累积到一定数量可以兑换现金。玩家可以通过做带有抽奖字样的任务获取现金抽奖次数。支持App和微信小程序双平台变现。
<a href="https://ext.dcloud.net.cn/plugin?id=4826"> <a href="https://ext.dcloud.net.cn/plugin?id=4826">
<img width="400" src="https://web-assets.dcloud.net.cn/unidoc/zh/song-game.png"> <img width="400" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/song-game.png">
</a> </a>
- [猜字谜](https://ext.dcloud.net.cn/plugin?id=7996) 该游戏基于猜歌类网赚游戏改版，代码开源、文档公开，支持App和微信小程序双平台变现。 - [猜字谜](https://ext.dcloud.net.cn/plugin?id=7996) 该游戏基于猜歌类网赚游戏改版，代码开源、文档公开，支持App和微信小程序双平台变现。
<a href="https://ext.dcloud.net.cn/plugin?id=7996"> <a href="https://ext.dcloud.net.cn/plugin?id=7996">
<img width="400" src="https://web-assets.dcloud.net.cn/unidoc/zh/caizimi.png"> <img width="400" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/caizimi.png">
</a> </a>
- 俄钓宝典 (微信小程序)，俄罗斯钓鱼4游戏助手，游戏攻略、实时点位、游戏资料库、游戏圈子等等应有尽有 - 俄钓宝典 (微信小程序)，俄罗斯钓鱼4游戏助手，游戏攻略、实时点位、游戏资料库、游戏圈子等等应有尽有
<a href="https://web-assets.dcloud.net.cn/unidoc/zh/%E4%BF%84%E9%92%93%E5%AE%9D%E5%85%B8qrcode.jpg <a href="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/%E4%BF%84%E9%92%93%E5%AE%9D%E5%85%B8qrcode.jpg
"> ">
<img width="400" src="https://web-assets.dcloud.net.cn/unidoc/zh/%E4%BF%84%E9%92%93%E5%AE%9D%E5%85%B8.png"> <img width="400" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/%E4%BF%84%E9%92%93%E5%AE%9D%E5%85%B8.png">
</a> </a>
...@@ -84,7 +84,7 @@ ...@@ -84,7 +84,7 @@
- 安心记待办：极简风手机应用。日程管理App，每日心情记录，安心习惯养成。[iOS App](https://apps.apple.com/cn/app/id1641634853) - 安心记待办：极简风手机应用。日程管理App，每日心情记录，安心习惯养成。[iOS App](https://apps.apple.com/cn/app/id1641634853)
<a href="https://apps.apple.com/cn/app/id1641634853" target="_blank"> <a href="https://apps.apple.com/cn/app/id1641634853" target="_blank">
<img width="600" src="https://web-assets.dcloud.net.cn/unidoc/zh/resource-anxinji-todo.png"> <img width="600" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/resource-anxinji-todo.png">
</a> </a>
更多uniClouid项目和插件，见**插件市场**：[https://ext.dcloud.net.cn/?cat1=7](https://ext.dcloud.net.cn/?cat1=7) 更多uniClouid项目和插件，见**插件市场**：[https://ext.dcloud.net.cn/?cat1=7](https://ext.dcloud.net.cn/?cat1=7)
docs/uniCloud/rundebug.md
浏览文件 @ 6a735acf
...@@ -19,14 +19,14 @@ ...@@ -19,14 +19,14 @@
1. 右键菜单：在项目管理器里右键点击该云函数的目录，在弹出菜单中可选择“本地运行云函数”、“上传并运行云函数” 1. 右键菜单：在项目管理器里右键点击该云函数的目录，在弹出菜单中可选择“本地运行云函数”、“上传并运行云函数”
<div align=center> <div align=center>
<img style="max-width:750px;" src="https://web-assets.dcloud.net.cn/unidoc/zh/localRun.jpg"/> <img style="max-width:750px;" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/localRun.jpg"/>
</div> </div>
2. 工具栏：编辑器打开云函数时，点击工具栏`运行`按钮，下拉菜单也有“本地运行云函数”、“上传并运行云函数” 2. 工具栏：编辑器打开云函数时，点击工具栏`运行`按钮，下拉菜单也有“本地运行云函数”、“上传并运行云函数”
3. 快捷键：编辑器打开云函数时，按【Ctrl+r】快捷键，会激活上述运行菜单。 3. 快捷键：编辑器打开云函数时，按【Ctrl+r】快捷键，会激活上述运行菜单。
<div align=center> <div align=center>
<img style="max-width:750px;" src="https://web-assets.dcloud.net.cn/unidoc/zh/localCtrlRrun.jpg"/> <img style="max-width:750px;" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/localCtrlRrun.jpg"/>
</div> </div>
如果没有安装本地运行插件，按照提示安装即可。本地运行云函数需HBuilderX 2.8.1+ 如果没有安装本地运行插件，按照提示安装即可。本地运行云函数需HBuilderX 2.8.1+
...@@ -45,20 +45,20 @@ ...@@ -45,20 +45,20 @@
- 如需配置运行参数请参考：[配置运行测试参数](https://uniapp.dcloud.net.cn/uniCloud/rundebug.html#runparam) - 如需配置运行参数请参考：[配置运行测试参数](https://uniapp.dcloud.net.cn/uniCloud/rundebug.html#runparam)
<div align=center> <div align=center>
<img style="max-width:750px;" src="https://web-assets.dcloud.net.cn/unidoc/zh/localRun.jpg"/> <img style="max-width:750px;" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/localRun.jpg"/>
</div> </div>
在云函数编辑器里，按`Ctrl+r`运行快捷键（或点工具栏的运行），可看到运行云函数的若干菜单。`Ctrl+r`然后回车或选`0`执行本地运行，即可立即在控制台看到运行结果和日志输出。如下图所示： 在云函数编辑器里，按`Ctrl+r`运行快捷键（或点工具栏的运行），可看到运行云函数的若干菜单。`Ctrl+r`然后回车或选`0`执行本地运行，即可立即在控制台看到运行结果和日志输出。如下图所示：
<div align=center> <div align=center>
<img style="max-width:750px;" src="https://web-assets.dcloud.net.cn/unidoc/zh/localCtrlRrun.jpg"/> <img style="max-width:750px;" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/localCtrlRrun.jpg"/>
</div> </div>
云函数打印`console.log`看日志。 云函数打印`console.log`看日志。
<div align=center> <div align=center>
<img style="max-width:750px;" src="https://web-assets.dcloud.net.cn/unidoc/zh/lookLog.jpg"/> <img style="max-width:750px;" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/lookLog.jpg"/>
</div> </div>
运行云函数时，如需要给云函数传参，又不想启动客户端，那么可以通过配置json文件来传测试参数。 运行云函数时，如需要给云函数传参，又不想启动客户端，那么可以通过配置json文件来传测试参数。
...@@ -78,19 +78,19 @@ ...@@ -78,19 +78,19 @@
运行含有uniCloud的uni-app项目，除了启动客户端控制台外，还会启动uniCloud控制台。 运行含有uniCloud的uni-app项目，除了启动客户端控制台外，还会启动uniCloud控制台。
<div align=center> <div align=center>
<img style="max-width:750px;" src="https://web-assets.dcloud.net.cn/unidoc/zh/unicloud-debug-dist.jpg"/> <img style="max-width:750px;" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/unicloud-debug-dist.jpg"/>
</div> </div>
可以在客户端控制台的右上角切换是连接本地云函数还是云端云函数，如下图所示 可以在客户端控制台的右上角切换是连接本地云函数还是云端云函数，如下图所示
<div align=center> <div align=center>
<img style="max-width:750px;" src="https://web-assets.dcloud.net.cn/unidoc/zh/client-to-local.jpg"/> <img style="max-width:750px;" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/client-to-local.jpg"/>
</div> </div>
uniCloud控制台日志如下图： uniCloud控制台日志如下图：
<div align=center> <div align=center>
<img style="max-width:750px;" src="https://web-assets.dcloud.net.cn/unidoc/zh/client-to-local-log.jpg"/> <img style="max-width:750px;" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/client-to-local-log.jpg"/>
</div> </div>
此时客户端的日志和云函数的日志都可以看到，联调非常方便。 此时客户端的日志和云函数的日志都可以看到，联调非常方便。
...@@ -231,7 +231,7 @@ HBuilderX 3.4.0之前的版本“本地运行云函数”时云函数内callFunc ...@@ -231,7 +231,7 @@ HBuilderX 3.4.0之前的版本“本地运行云函数”时云函数内callFunc
可以打开一个json，配置运行参数。配置该json后，运行云函数时会将该json作为云函数调用的上行参数处理，可以在云函数中接收到参数。 可以打开一个json，配置运行参数。配置该json后，运行云函数时会将该json作为云函数调用的上行参数处理，可以在云函数中接收到参数。
<div align=center> <div align=center>
<img style="max-width:750px;" src="https://web-assets.dcloud.net.cn/unidoc/zh/setRunParam.jpg"/> <img style="max-width:750px;" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/setRunParam.jpg"/>
</div> </div>
在云函数目录右键运行云函数，也可以在云函数编辑器里，按`Ctrl+r`运行快捷键，或点工具栏的运行 在云函数目录右键运行云函数，也可以在云函数编辑器里，按`Ctrl+r`运行快捷键，或点工具栏的运行
...@@ -244,7 +244,7 @@ HBuilderX 3.4.0之前的版本“本地运行云函数”时云函数内callFunc ...@@ -244,7 +244,7 @@ HBuilderX 3.4.0之前的版本“本地运行云函数”时云函数内callFunc
此时云函数运行会携带所配置的运行参数 此时云函数运行会携带所配置的运行参数
<div align=center> <div align=center>
<img style="max-width:750px;" src="https://web-assets.dcloud.net.cn/unidoc/zh/setRunParamLog.jpg"/> <img style="max-width:750px;" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/setRunParamLog.jpg"/>
</div> </div>
...@@ -326,25 +326,25 @@ login('name-demo', 'password-demo') // 调用login方法传入参数'name-demo' ...@@ -326,25 +326,25 @@ login('name-demo', 'password-demo') // 调用login方法传入参数'name-demo'
开启断点调试方式如下图所示，在uniCloud本地运行环境启动后，在uniCloud控制台右上角选择开启断点调试。 开启断点调试方式如下图所示，在uniCloud本地运行环境启动后，在uniCloud控制台右上角选择开启断点调试。
<div align=center> <div align=center>
<img style="max-width:750px;" src="https://web-assets.dcloud.net.cn/unidoc/zh/cloudfunction-serve-debug.jpg"/> <img style="max-width:750px;" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/cloudfunction-serve-debug.jpg"/>
</div> </div>
开启调试后会出现调试界面，如下图所示。和浏览器的调试功能类似，详情可以参考：[JavaScript调试器](https://developer.mozilla.org/zh-CN/docs/Learn/Common_questions/What_are_browser_developer_tools#javascript%E8%B0%83%E8%AF%95%E5%99%A8) 开启调试后会出现调试界面，如下图所示。和浏览器的调试功能类似，详情可以参考：[JavaScript调试器](https://developer.mozilla.org/zh-CN/docs/Learn/Common_questions/What_are_browser_developer_tools#javascript%E8%B0%83%E8%AF%95%E5%99%A8)
<div align=center> <div align=center>
<img style="max-width:750px;" src="https://web-assets.dcloud.net.cn/unidoc/zh/cloudfunction-debug-overview.jpg"/> <img style="max-width:750px;" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/cloudfunction-debug-overview.jpg"/>
</div> </div>
在调试文件的编辑器界面的行号处双击可以插入断点，也可以右键选择更多操作（添加/删除/禁用断点） 在调试文件的编辑器界面的行号处双击可以插入断点，也可以右键选择更多操作（添加/删除/禁用断点）
<div align=center> <div align=center>
<img style="max-width:750px;" src="https://web-assets.dcloud.net.cn/unidoc/zh/cloudfunction-debug-break-point.jpg"/> <img style="max-width:750px;" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/cloudfunction-debug-break-point.jpg"/>
</div> </div>
如需从调试界面切换回项目视图，可以在项目管理器底部点击按钮进行切换 如需从调试界面切换回项目视图，可以在项目管理器底部点击按钮进行切换
<div align=center> <div align=center>
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/cloudfunction-debug-switch-project.jpg"/> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/cloudfunction-debug-switch-project.jpg"/>
</div> </div>
uni-app前端也支持debug调试，注意不要混淆。 uni-app前端也支持debug调试，注意不要混淆。
...@@ -367,4 +367,4 @@ uni-app前端也支持debug调试，注意不要混淆。 ...@@ -367,4 +367,4 @@ uni-app前端也支持debug调试，注意不要混淆。
此外日志服务开启的状态下，腾讯云可以设置日志保存时长。 此外日志服务开启的状态下，腾讯云可以设置日志保存时长。
![](https://web-assets.dcloud.net.cn/unidoc/zh/tcb-log-switch.jpg) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/tcb-log-switch.jpg)
docs/uniCloud/schema.md
浏览文件 @ 6a735acf
...@@ -34,7 +34,7 @@ ...@@ -34,7 +34,7 @@
1. 登录 [uniCloud控制台](https://unicloud.dcloud.net.cn)，选中一个数据表 1. 登录 [uniCloud控制台](https://unicloud.dcloud.net.cn)，选中一个数据表
2. 点击表右侧页签 “表结构”，点击 “编辑” 按钮，在编辑区域编写 Schema，编写完毕后点保存按钮即可生效。 2. 点击表右侧页签 “表结构”，点击 “编辑” 按钮，在编辑区域编写 Schema，编写完毕后点保存按钮即可生效。
![](https://web-assets.dcloud.net.cn/unidoc/zh/schema2code.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/schema2code.png)
**web控制台上编辑`DB Schema`保存后是实时在现网生效的，请注意对现网商用项目的影响。** **web控制台上编辑`DB Schema`保存后是实时在现网生效的，请注意对现网商用项目的影响。**
...@@ -48,7 +48,7 @@ ...@@ -48,7 +48,7 @@
2. 在 database 目录右键选择`新建数据集合schema` 2. 在 database 目录右键选择`新建数据集合schema`
<div align=center> <div align=center>
<img style="max-width:750px;" src="https://web-assets.dcloud.net.cn/unidoc/zh/hx%E6%8F%90%E7%A4%BAschema.jpg"/> <img style="max-width:750px;" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/hx%E6%8F%90%E7%A4%BAschema.jpg"/>
</div> </div>
**HBuilderX内创建的schema新建和保存时不会自动上传** **HBuilderX内创建的schema新建和保存时不会自动上传**
...@@ -1123,7 +1123,7 @@ rule表达式里支持： ...@@ -1123,7 +1123,7 @@ rule表达式里支持：
- 方式一：在uniCloud web控制台创建 - 方式一：在uniCloud web控制台创建
1. uniCloud 控制台，选择服务空间，切换到数据库视图 1. uniCloud 控制台，选择服务空间，切换到数据库视图
2. 底部 “扩展校验函数” 点击 “+” 增加校验函数 ![](https://web-assets.dcloud.net.cn/unidoc/zh/schema-validate-function.png) 2. 底部 “扩展校验函数” 点击 “+” 增加校验函数 ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/schema-validate-function.png)
3. 给函数起个名字，比如叫“checkabc” 3. 给函数起个名字，比如叫“checkabc”
- 方式二：在HBuilderX中创建 - 方式二：在HBuilderX中创建
......
docs/uniCloud/schema2code.md
浏览文件 @ 6a735acf
...@@ -28,25 +28,25 @@ DCloud提供了`uni-forms`前端组件，该组件的表单校验规范完全符 ...@@ -28,25 +28,25 @@ DCloud提供了`uni-forms`前端组件，该组件的表单校验规范完全符
### 首先创建“带schema的通讯录”数据表 ### 首先创建“带schema的通讯录”数据表
1. 登录 [uniCloud控制台](https://unicloud.dcloud.net.cn)，选中“云数据库” 1. 登录 [uniCloud控制台](https://unicloud.dcloud.net.cn)，选中“云数据库”
2. 点击新建数据表 2. 点击新建数据表
![](https://web-assets.dcloud.net.cn/unidoc/zh/20210303135233.jpg) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/20210303135233.jpg)
3. 使用[OpenDB](opendb.md)表模板创建： `opendb-contacts` 通讯录表 3. 使用[OpenDB](opendb.md)表模板创建： `opendb-contacts` 通讯录表
![](https://web-assets.dcloud.net.cn/unidoc/zh/02.jpg) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/02.jpg)
### schema2code有两种方式 ### schema2code有两种方式
- 方式1：在HBuilderX中操作 - 方式1：在HBuilderX中操作
1.1 下载刚刚创建的通讯录表的schema 1.1 下载刚刚创建的通讯录表的schema
![](https://web-assets.dcloud.net.cn/unidoc/zh/1.%E4%B8%8B%E8%BD%BD%E5%88%9A%E5%88%9A%E5%88%9B%E5%BB%BA%E7%9A%84%E9%80%9A%E8%AE%AF%E5%BD%95%E8%A1%A8%E7%9A%84schema.jpg) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/1.%E4%B8%8B%E8%BD%BD%E5%88%9A%E5%88%9A%E5%88%9B%E5%BB%BA%E7%9A%84%E9%80%9A%E8%AE%AF%E5%BD%95%E8%A1%A8%E7%9A%84schema.jpg)
1.2 项目根目录的 `uniCloud/database/opendb-contacts.schema.json` 文件上点击右键，或者在已打开的 Schema 编辑器点击右键.如果没有该菜单，请在插件市场安装插件：[https://ext.dcloud.net.cn/plugin?id=4684](https://ext.dcloud.net.cn/plugin?id=4684) 1.2 项目根目录的 `uniCloud/database/opendb-contacts.schema.json` 文件上点击右键，或者在已打开的 Schema 编辑器点击右键.如果没有该菜单，请在插件市场安装插件：[https://ext.dcloud.net.cn/plugin?id=4684](https://ext.dcloud.net.cn/plugin?id=4684)
![](https://web-assets.dcloud.net.cn/unidoc/zh/2.%E5%9C%A8%E5%AF%B9%E5%BA%94%E7%9A%84schema%E6%96%87%E4%BB%B6%E5%8F%B3%E9%94%AE%E7%82%B9%E5%87%BBschema2code.jpg) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/2.%E5%9C%A8%E5%AF%B9%E5%BA%94%E7%9A%84schema%E6%96%87%E4%BB%B6%E5%8F%B3%E9%94%AE%E7%82%B9%E5%87%BBschema2code.jpg)
1.3 弹出一个对话框 `schema2code`，选择要导出的项目类型（uni-app用户端项目还是admin管理端项目），以及表字段名（去掉不需要在前端展现或编辑的字段） 1.3 弹出一个对话框 `schema2code`，选择要导出的项目类型（uni-app用户端项目还是admin管理端项目），以及表字段名（去掉不需要在前端展现或编辑的字段）
![](https://web-assets.dcloud.net.cn/unidoc/zh/3.11.jpg) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/3.11.jpg)
1.4 点击对话框右下角的确定按钮，将执行导入动作，如果导入的文件和工程中的文件有差异将弹出文件对比框，继续操作并确认导入 1.4 点击对话框右下角的确定按钮，将执行导入动作，如果导入的文件和工程中的文件有差异将弹出文件对比框，继续操作并确认导入
- 方式2：在uniCloud web控制台操作 - 方式2：在uniCloud web控制台操作
2.1 选中刚创建好的数据表`opendb-contacts`，点击进入表结构schema界面，点击按钮 “schema2code” 2.1 选中刚创建好的数据表`opendb-contacts`，点击进入表结构schema界面，点击按钮 “schema2code”
![](https://web-assets.dcloud.net.cn/unidoc/zh/4.jpg) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/4.jpg)
2.2 点击“导入HBuilderX”或“下载zip”按钮，将生成的代码合并到自己的项目中 2.2 点击“导入HBuilderX”或“下载zip”按钮，将生成的代码合并到自己的项目中
![](https://web-assets.dcloud.net.cn/unidoc/zh/schema-export.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/schema-export.png)
上图每个区域的解释如下： 上图每个区域的解释如下：
...@@ -89,7 +89,7 @@ DCloud提供了`uni-forms`前端组件，该组件的表单校验规范完全符 ...@@ -89,7 +89,7 @@ DCloud提供了`uni-forms`前端组件，该组件的表单校验规范完全符
**全程演示视频**： **全程演示视频**：
</br> </br>
<video style="width:50vw;height:28vw;" id="video" preload="none" controls="controls" <video style="width:50vw;height:28vw;" id="video" preload="none" controls="controls"
poster="https://web-assets.dcloud.net.cn/unidoc/zh/schema2code%E7%9A%84%E4%B8%A4%E7%A7%8D%E6%96%B9%E5%BC%8F.mp4?x-oss-process=video/snapshot,t_1000,f_jpg" src="https://web-assets.dcloud.net.cn/unidoc/zh/schema2code%E7%9A%84%E4%B8%A4%E7%A7%8D%E6%96%B9%E5%BC%8F.mp4"></video> poster="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/schema2code%E7%9A%84%E4%B8%A4%E7%A7%8D%E6%96%B9%E5%BC%8F.mp4?x-oss-process=video/snapshot,t_1000,f_jpg" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/schema2code%E7%9A%84%E4%B8%A4%E7%A7%8D%E6%96%B9%E5%BC%8F.mp4"></video>
...@@ -339,7 +339,7 @@ schema2code作为一个插件，有单独的版本号，[详见](https://ext.dcl ...@@ -339,7 +339,7 @@ schema2code作为一个插件，有单独的版本号，[详见](https://ext.dcl
以城市选择举例。 以城市选择举例。
<div align=center> <div align=center>
<img style="max-width:550px;" src="https://web-assets.dcloud.net.cn/unidoc/zh/uni-data-picker.png"/> <img style="max-width:550px;" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni-data-picker.png"/>
</div> </div>
在这个业务里涉及2个表，一个是用户的地址信息表[uni-id-address](https://gitee.com/dcloud/opendb/tree/master/collection/uni-id-address)，一个是候选的省市区数据表[opendb-city-china](https://gitee.com/dcloud/opendb/tree/master/collection/opendb-city-china)。 在这个业务里涉及2个表，一个是用户的地址信息表[uni-id-address](https://gitee.com/dcloud/opendb/tree/master/collection/uni-id-address)，一个是候选的省市区数据表[opendb-city-china](https://gitee.com/dcloud/opendb/tree/master/collection/opendb-city-china)。
......
docs/uniCloud/secure-network.md
浏览文件 @ 6a735acf
...@@ -45,17 +45,17 @@ App和微信两个平台细化说明如下： ...@@ -45,17 +45,17 @@ App和微信两个平台细化说明如下：
1. 在[开发者中心](https://dev.dcloud.net.cn/)`应用详情 --> 证书管理`内填写安卓应用的包名、签名和iOS应用的bundleId。一个应用只能有一个发行证书配置，但是可以有多个开发证书配置 1. 在[开发者中心](https://dev.dcloud.net.cn/)`应用详情 --> 证书管理`内填写安卓应用的包名、签名和iOS应用的bundleId。一个应用只能有一个发行证书配置，但是可以有多个开发证书配置
![证书管理](https://web-assets.dcloud.net.cn/unidoc/zh/secure-network-dev-cert.jpg) ![证书管理](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/secure-network-dev-cert.jpg)
2. 在[uniCloud控制台](https://unicloud.dcloud.net.cn/)关联允许发送安全网络请求的应用 2. 在[uniCloud控制台](https://unicloud.dcloud.net.cn/)关联允许发送安全网络请求的应用
![关联应用到服务空间安全网络](https://web-assets.dcloud.net.cn/unidoc/zh/secure-network-unicloud-relate.jpg) ![关联应用到服务空间安全网络](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/secure-network-unicloud-relate.jpg)
本质上安全网络绑定的是应用的appid、包名、证书等信息。只不过这些信息统一配置在dev中，在uniCloud的web控制台来选择。所以务必注意dev配置的正式版、测试版的包名、签名是否正确。 本质上安全网络绑定的是应用的appid、包名、证书等信息。只不过这些信息统一配置在dev中，在uniCloud的web控制台来选择。所以务必注意dev配置的正式版、测试版的包名、签名是否正确。
3. 在项目根目录manifest.json文件内为app平台开启安全网络模块 3. 在项目根目录manifest.json文件内为app平台开启安全网络模块
![App云端一体安全网络模块](https://web-assets.dcloud.net.cn/unidoc/zh/secure-network-app-manifest.jpg) ![App云端一体安全网络模块](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/secure-network-app-manifest.jpg)
**注意：**打包后生效。测试时需打包[自定义基座](../tutorial/run/run-app.md#customplayground)。 **注意：**打包后生效。测试时需打包[自定义基座](../tutorial/run/run-app.md#customplayground)。
...@@ -84,11 +84,11 @@ App和微信两个平台细化说明如下： ...@@ -84,11 +84,11 @@ App和微信两个平台细化说明如下：
1. 在[开发者中心](https://dev.dcloud.net.cn/)`应用详情 --> 【名称待定】`内填写微信小程序的appId。一个应用只能有一个发行配置，但是可以有多个开发配置 1. 在[开发者中心](https://dev.dcloud.net.cn/)`应用详情 --> 【名称待定】`内填写微信小程序的appId。一个应用只能有一个发行配置，但是可以有多个开发配置
![微信小程序AppId绑定](https://web-assets.dcloud.net.cn/unidoc/zh/secure-network-dev-wx-appid.jpg) ![微信小程序AppId绑定](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/secure-network-dev-wx-appid.jpg)
2. 在uniCloud控制台关联允许发送安全网络请求的应用 2. 在uniCloud控制台关联允许发送安全网络请求的应用
![关联应用到服务空间安全网络](https://web-assets.dcloud.net.cn/unidoc/zh/secure-network-unicloud-relate.jpg) ![关联应用到服务空间安全网络](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/secure-network-unicloud-relate.jpg)
3. 工程中导入uni-id-pages 3. 工程中导入uni-id-pages
...@@ -170,7 +170,7 @@ App和微信两个平台细化说明如下： ...@@ -170,7 +170,7 @@ App和微信两个平台细化说明如下：
7. 在项目根目录manifest.json文件内为微信小程序平台开启`云端一体安全网络模块` 7. 在项目根目录manifest.json文件内为微信小程序平台开启`云端一体安全网络模块`
![微信小程序云端一体安全网络模块](https://web-assets.dcloud.net.cn/unidoc/zh/secure-network-wx-manifest.jpg) ![微信小程序云端一体安全网络模块](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/secure-network-wx-manifest.jpg)
#### 不使用uni-id-pages时如何使用微信小程序安全网络@mp-weixin-without-uni-id-pages #### 不使用uni-id-pages时如何使用微信小程序安全网络@mp-weixin-without-uni-id-pages
...@@ -246,7 +246,7 @@ await require('uni-open-bridge-common').setSessionKey({ ...@@ -246,7 +246,7 @@ await require('uni-open-bridge-common').setSessionKey({
开发者首先在[uniCloud控制台](https://unicloud.dcloud.net.cn/)的安全网络页面选择哪些客户端应用可以与uniCloud建立安全网络，然后在页面上单独开启客户端强制校验。 开发者首先在[uniCloud控制台](https://unicloud.dcloud.net.cn/)的安全网络页面选择哪些客户端应用可以与uniCloud建立安全网络，然后在页面上单独开启客户端强制校验。
![](https://web-assets.dcloud.net.cn/unidoc/zh/secure-network-verify-client-config.jpg) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/secure-network-verify-client-config.jpg)
**切记** **切记**
1. 由于uni安全网络不支持web，一旦开启客户端强制校验后，web端将无法连接云函数。 1. 由于uni安全网络不支持web，一旦开启客户端强制校验后，web端将无法连接云函数。
......
docs/uniCloud/send-sms.md
浏览文件 @ 6a735acf
...@@ -204,7 +204,7 @@ exports.main = async (event, context) => { ...@@ -204,7 +204,7 @@ exports.main = async (event, context) => {
- 短信内容超过70个字符时为长短信，需分条发送，每67个字按一条短信计算 - 短信内容超过70个字符时为长短信，需分条发送，每67个字按一条短信计算
- App平台的短信验证码需求，建议优先通过App一键登陆来替代，更便捷、更便宜。[详见](univerify.md) - App平台的短信验证码需求，建议优先通过App一键登陆来替代，更便捷、更便宜。[详见](univerify.md)
更多问题：欢迎加入<a class="join-group-chat" target="_blank" href="https://web-assets.dcloud.net.cn/unidoc/zh/Dcloud-%E7%9F%AD%E4%BF%A1.png">DCloud短信技术交流群 <img src="https://web-assets.dcloud.net.cn/unidoc/zh/Dcloud-%E7%9F%AD%E4%BF%A1.png"> 更多问题：欢迎加入<a class="join-group-chat" target="_blank" href="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/Dcloud-%E7%9F%AD%E4%BF%A1.png">DCloud短信技术交流群 <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/Dcloud-%E7%9F%AD%E4%BF%A1.png">
</a>咨询 </a>咨询
...@@ -260,11 +260,11 @@ exports.main = async (event, context) => { ...@@ -260,11 +260,11 @@ exports.main = async (event, context) => {
**功能亮点** **功能亮点**
支持给用户打标签分组，按照分组群发短信，可以同时给多个分组群发 支持给用户打标签分组，按照分组群发短信，可以同时给多个分组群发
![](https://web-assets.dcloud.net.cn/unidoc/zh/20230109154350.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/20230109154350.png)
短信模板变量支持从数据库表字段中读取 短信模板变量支持从数据库表字段中读取
![](https://web-assets.dcloud.net.cn/unidoc/zh/20230109194715.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/20230109194715.png)
发送前预览短信内容；防止内容错误，提高发送成功率 发送前预览短信内容；防止内容错误，提高发送成功率
![](https://web-assets.dcloud.net.cn/unidoc/zh/20230109155202.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/20230109155202.png)
如何使用？查看[群发短信配置](uniCloud/admin.md#batch-sms) 如何使用？查看[群发短信配置](uniCloud/admin.md#batch-sms)
......
docs/uniCloud/uni-ai-chat.md
浏览文件 @ 6a735acf
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
**插件下载地址：[https://ext.dcloud.net.cn/plugin?name=uni-ai-chat](https://ext.dcloud.net.cn/plugin?name=uni-ai-chat)** **插件下载地址：[https://ext.dcloud.net.cn/plugin?name=uni-ai-chat](https://ext.dcloud.net.cn/plugin?name=uni-ai-chat)**
视频效果： 视频效果：
<video controls src="https://web-assets.dcloud.net.cn/unidoc/zh/uni-ai-chat/uni-ai-stream.mov" style="max-width: 100%; max-height: 70vh;"></video> <video controls src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni-ai-chat/uni-ai-stream.mov" style="max-width: 100%; max-height: 70vh;"></video>
## 体验步骤 ## 体验步骤
...@@ -58,7 +58,7 @@ ...@@ -58,7 +58,7 @@
流式响应的流程图 流式响应的流程图
<img width="500px" src="https://web-assets.dcloud.net.cn/unidoc/zh/uni-ai-chat/20230425203311.jpg"> <img width="500px" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni-ai-chat/20230425203311.jpg">
流式响应的使用需客户端先通过 `new uniCloud.SSEChannel()` 创建 SSE 通道，并获得 `channel` 值（详情请参考：[https://uniapp.dcloud.net.cn/uniCloud/sse-channel.html#create-sse-channel](https://uniapp.dcloud.net.cn/uniCloud/sse-channel.html#create-sse-channel)）。在客户端向 uniCloud 云对象发起请求时，需要将该 `channel` 值作为参数一同携带；然后 uniCloud 云对象与 uni-ai 建立 流式响应[(stream)](https://uniapp.dcloud.net.cn/uniCloud/uni-ai.html#chat-completion-stream) 通讯，云对象监听 uni-ai 返回的分片数据，在接收到数据后再通过 sse-channel ([反序列化消息通道](https://uniapp.dcloud.net.cn/uniCloud/sse-channel.html#cloud-deserialize-channel))向客户端推送消息。 流式响应的使用需客户端先通过 `new uniCloud.SSEChannel()` 创建 SSE 通道，并获得 `channel` 值（详情请参考：[https://uniapp.dcloud.net.cn/uniCloud/sse-channel.html#create-sse-channel](https://uniapp.dcloud.net.cn/uniCloud/sse-channel.html#create-sse-channel)）。在客户端向 uniCloud 云对象发起请求时，需要将该 `channel` 值作为参数一同携带；然后 uniCloud 云对象与 uni-ai 建立 流式响应[(stream)](https://uniapp.dcloud.net.cn/uniCloud/uni-ai.html#chat-completion-stream) 通讯，云对象监听 uni-ai 返回的分片数据，在接收到数据后再通过 sse-channel ([反序列化消息通道](https://uniapp.dcloud.net.cn/uniCloud/sse-channel.html#cloud-deserialize-channel))向客户端推送消息。
...@@ -82,7 +82,7 @@ v1.0.3起提供了商业化能力，与uni-ai对话消耗积分。 ...@@ -82,7 +82,7 @@ v1.0.3起提供了商业化能力，与uni-ai对话消耗积分。
### 流程概述 ### 流程概述
1. 开通广告；在[uni-ad](https://uniad.dcloud.net.cn/)官网点击菜单`广告设置`在应用列表，找到你的应用点击`开通广告` 1. 开通广告；在[uni-ad](https://uniad.dcloud.net.cn/)官网点击菜单`广告设置`在应用列表，找到你的应用点击`开通广告`
2. 创建激励视频广告位；在[应用列表](https://uniad.dcloud.net.cn/list/app)点击`应用详情`再点击`新建广告位`；如下图：广告类型选`激励视频广告`，配置服务器回调，选uni-ai-chat部署的uniCloud服务空间，回调云函数名称选：`reward-video-callback` 2. 创建激励视频广告位；在[应用列表](https://uniad.dcloud.net.cn/list/app)点击`应用详情`再点击`新建广告位`；如下图：广告类型选`激励视频广告`，配置服务器回调，选uni-ai-chat部署的uniCloud服务空间，回调云函数名称选：`reward-video-callback`
<img width="500px" src="https://web-assets.dcloud.net.cn/unidoc/zh/uni-ai-chat/uni-ai-chat-create-adpid.jpg"> <img width="500px" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni-ai-chat/uni-ai-chat-create-adpid.jpg">
**微信小程序端注意**： **微信小程序端注意**：
- 参考：[uniAD微信小程序广告开通指南](https://ask.dcloud.net.cn/article/39928)开通广告后会自动创建广告位 - 参考：[uniAD微信小程序广告开通指南](https://ask.dcloud.net.cn/article/39928)开通广告后会自动创建广告位
......
docs/uniCloud/uni-ai.md
浏览文件 @ 6a735acf
...@@ -55,7 +55,7 @@ ai能力非常常见的应用场景，有智能客服和自动生成文稿。 ...@@ -55,7 +55,7 @@ ai能力非常常见的应用场景，有智能客服和自动生成文稿。
- uni-im，内置了智能客服。[详见](https://uniapp.dcloud.net.cn/uniCloud/uni-im.html) - uni-im，内置了智能客服。[详见](https://uniapp.dcloud.net.cn/uniCloud/uni-im.html)
这些完善的项目，包括了前端页面（全端可用）、云对象、云数据库等全套代码，开箱即用。 这些完善的项目，包括了前端页面（全端可用）、云对象、云数据库等全套代码，开箱即用。
![](https://web-assets.dcloud.net.cn/unidoc/zh/202304112225875.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/202304112225875.png)
在线体验：[https://hellouniadmin.dcloud.net.cn/](https://hellouniadmin.dcloud.net.cn/)。 在线体验：[https://hellouniadmin.dcloud.net.cn/](https://hellouniadmin.dcloud.net.cn/)。
...@@ -631,14 +631,14 @@ gpt-4是目前准确性最高的ai，也是最贵的ai。开发者需根据需 ...@@ -631,14 +631,14 @@ gpt-4是目前准确性最高的ai，也是最贵的ai。开发者需根据需
3. 创建uniCloud云函数 3. 创建uniCloud云函数
在项目下uniCloud目录右键，新建云函数 在项目下uniCloud目录右键，新建云函数
<img width="300px" src="https://web-assets.dcloud.net.cn/unidoc/zh/uni-ai/20230418213815.jpg"></img> <img width="300px" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni-ai/20230418213815.jpg"></img>
- 填写云函数名称，比如`ai-demo`。此云函数需要调用`uni-cloud-ai`扩展库，所以需点击`添加公共模块或扩展库依赖`按钮。 - 填写云函数名称，比如`ai-demo`。此云函数需要调用`uni-cloud-ai`扩展库，所以需点击`添加公共模块或扩展库依赖`按钮。
<img width="500px" src="https://web-assets.dcloud.net.cn/unidoc/zh/uni-ai/0D7FE184-19BE-43D2-AFA9-FDC1E1CD719E.png"></img> <img width="500px" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni-ai/0D7FE184-19BE-43D2-AFA9-FDC1E1CD719E.png"></img>
- 找到`uni-cloud-ai`勾选，点击确认，创建云函数 - 找到`uni-cloud-ai`勾选，点击确认，创建云函数
<img width="500px" src="https://web-assets.dcloud.net.cn/unidoc/zh/uni-ai/CC9889F4-F006-449A-828A-659A31DC2CBD.png"></img> <img width="500px" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni-ai/CC9889F4-F006-449A-828A-659A31DC2CBD.png"></img>
4. 云函数中添加如下代码： 4. 云函数中添加如下代码：
```js ```js
......
docs/uniCloud/uni-cloud-push/api.md
浏览文件 @ 6a735acf
...@@ -1556,13 +1556,13 @@ uni-cloud-push 扩展库的errCode码以uni-cloud-push-error-开头，如：uni- ...@@ -1556,13 +1556,13 @@ uni-cloud-push 扩展库的errCode码以uni-cloud-push-error-开头，如：uni-
<div class="weixin-support"> <div class="weixin-support">
<div class="weixin-support-focus"> <div class="weixin-support-focus">
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/weixin.png" alt="" class="weixin-support-icon"> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/weixin.png" alt="" class="weixin-support-icon">
联系 联系
<br> <br>
个推 个推
</div> </div>
<div class="weixin-support-content"> <div class="weixin-support-content">
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/support.jpg" alt="" class="weixin-support-icon"> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/support.jpg" alt="" class="weixin-support-icon">
微信扫一扫 微信扫一扫
<br> <br>
随时联系个推技术支持 随时联系个推技术支持
......
docs/uniCloud/uni-cloud-push/mate.md
浏览文件 @ 6a735acf
...@@ -25,7 +25,7 @@ ...@@ -25,7 +25,7 @@
### 推送接口查库详解： ### 推送接口查库详解：
<img style="width:80%;max-width:450px;margin:0 10%" src="https://web-assets.dcloud.net.cn/unidoc/zh/20220708235304.jpg"> <img style="width:80%;max-width:450px;margin:0 10%" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/20220708235304.jpg">
- 推送目标依据为：`push_clientid`直接执行推送。 - 推送目标依据为：`push_clientid`直接执行推送。
- 推送目标依据为：`device_id`，查`opendb-device`表，获得`push_clientid`执行推送 - 推送目标依据为：`device_id`，查`opendb-device`表，获得`push_clientid`执行推送
......
docs/uniCloud/uni-cloud-push/options.md
浏览文件 @ 6a735acf
...@@ -219,7 +219,7 @@ key 说明 ...@@ -219,7 +219,7 @@ key 说明
因此需要在小米平台上新建channel通道，设置自定义铃声前端路径如：android.resource://your packagename/raw/test（路径不需要带音频后缀名）如图 因此需要在小米平台上新建channel通道，设置自定义铃声前端路径如：android.resource://your packagename/raw/test（路径不需要带音频后缀名）如图
![](https://web-assets.dcloud.net.cn/unidoc/zh/custom_sound.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/custom_sound.png)
**Rest-v2 示例：** **Rest-v2 示例：**
...@@ -771,13 +771,13 @@ apn静默推送 可参考<a target="_blank" href="https://developer.apple.com/li ...@@ -771,13 +771,13 @@ apn静默推送 可参考<a target="_blank" href="https://developer.apple.com/li
<div class="weixin-support"> <div class="weixin-support">
<div class="weixin-support-focus"> <div class="weixin-support-focus">
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/weixin.png" alt="" class="weixin-support-icon"> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/weixin.png" alt="" class="weixin-support-icon">
联系 联系
<br> <br>
个推 个推
</div> </div>
<div class="weixin-support-content"> <div class="weixin-support-content">
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/support.jpg" alt="" class="weixin-support-icon"> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/support.jpg" alt="" class="weixin-support-icon">
微信扫一扫 微信扫一扫
<br> <br>
随时联系个推技术支持 随时联系个推技术支持
......
docs/uniCloud/uni-cms.md
浏览文件 @ 6a735acf
...@@ -40,25 +40,25 @@ uni-cms包括管理端和用户端。 ...@@ -40,25 +40,25 @@ uni-cms包括管理端和用户端。
- 管理端：[https://hellouniadmin.dcloud.net.cn/](https://hellouniadmin.dcloud.net.cn/) - 管理端：[https://hellouniadmin.dcloud.net.cn/](https://hellouniadmin.dcloud.net.cn/)
- 客户端（小程序）扫码查看 - 客户端（小程序）扫码查看
![](https://web-assets.dcloud.net.cn/unidoc/zh/202304121203155.jpg) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/202304121203155.jpg)
#### 管理端截图： #### 管理端截图：
![](https://web-assets.dcloud.net.cn/unidoc/zh/202304120145412.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/202304120145412.png)
![](https://web-assets.dcloud.net.cn/unidoc/zh/202304231921964.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/202304231921964.png)
#### 用户端截图： #### 用户端截图：
<div style="display: flex; flex-basis: 10px"> <div style="display: flex; flex-basis: 10px">
<div style="margin-right: 10px;"> <div style="margin-right: 10px;">
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/202304120144625.png" width="375"/> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/202304120144625.png" width="375"/>
</div> </div>
<div style="margin-right: 10px;"> <div style="margin-right: 10px;">
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/202304120139988.png" width="375" /> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/202304120139988.png" width="375" />
</div> </div>
<div style="margin-right: 10px;"> <div style="margin-right: 10px;">
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/202304120139209.png" width="375" /> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/202304120139209.png" width="375" />
</div> </div>
</div> </div>
...@@ -88,7 +88,7 @@ uni-cms包括管理端和用户端。 ...@@ -88,7 +88,7 @@ uni-cms包括管理端和用户端。
<div style="display: flex; flex-basis: 10px"> <div style="display: flex; flex-basis: 10px">
<div style="margin-right: 10px;"> <div style="margin-right: 10px;">
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/202304120139209.png" width="375" /> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/202304120139209.png" width="375" />
</div> </div>
</div> </div>
...@@ -106,7 +106,7 @@ uni-cms包括管理端和用户端。 ...@@ -106,7 +106,7 @@ uni-cms包括管理端和用户端。
如下图所示： 如下图所示：
![](https://web-assets.dcloud.net.cn/unidoc/zh/202303232139066.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/202303232139066.png)
导入后刷新页面，在uni-admin左侧菜单，可看到内容管理的菜单项，点击即可进入相关页面。 导入后刷新页面，在uni-admin左侧菜单，可看到内容管理的菜单项，点击即可进入相关页面。
...@@ -132,7 +132,7 @@ uni-cms包括管理端和用户端。 ...@@ -132,7 +132,7 @@ uni-cms包括管理端和用户端。
然后系统管理员在uni-admin中新建一个文章作者角色。在 系统管理 - 角色管理 中操作，如下图所示： 然后系统管理员在uni-admin中新建一个文章作者角色。在 系统管理 - 角色管理 中操作，如下图所示：
![](https://web-assets.dcloud.net.cn/unidoc/zh/202304171157570.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/202304171157570.png)
然后系统管理员在 系统管理 - 用户管理 中，为已注册用户赋予作者角色。 然后系统管理员在 系统管理 - 用户管理 中，为已注册用户赋予作者角色。
...@@ -156,11 +156,11 @@ uni-cms包括管理端和用户端。 ...@@ -156,11 +156,11 @@ uni-cms包括管理端和用户端。
1. 在[开发者中心](https://dev.dcloud.net.cn)对当前应用开通 uni-push2.0，并关联服务空间。 1. 在[开发者中心](https://dev.dcloud.net.cn)对当前应用开通 uni-push2.0，并关联服务空间。
![](https://web-assets.dcloud.net.cn/unidoc/zh/202304181604585.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/202304181604585.png)
2. 在项目的 manifest.json 文件中根据您相应平台选择开通 uniPush2.0，以下截图为开通Web平台的uniPush2.0。 2. 在项目的 manifest.json 文件中根据您相应平台选择开通 uniPush2.0，以下截图为开通Web平台的uniPush2.0。
![](https://web-assets.dcloud.net.cn/unidoc/zh/202304181607019.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/202304181607019.png)
3. 内置的 un-im 属于精简版IM，使用前需要在 App.vue 文件内对 uni-im 进行初始化操作，具体代码如下： 3. 内置的 un-im 属于精简版IM，使用前需要在 App.vue 文件内对 uni-im 进行初始化操作，具体代码如下：
...@@ -194,7 +194,7 @@ uni-cms版本大于等于1.0.4时，无需在App.vue内初始化uni-im，uni-cms ...@@ -194,7 +194,7 @@ uni-cms版本大于等于1.0.4时，无需在App.vue内初始化uni-im，uni-cms
4. 运行项目，体验AI功能。 4. 运行项目，体验AI功能。
![](https://web-assets.dcloud.net.cn/unidoc/zh/202304271726981.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/202304271726981.png)
**注意** **注意**
...@@ -572,11 +572,11 @@ export default { ...@@ -572,11 +572,11 @@ export default {
1. 在uni-ad后台([https://uniad.dcloud.net.cn/](https://uniad.dcloud.net.cn/))开通[激励视频广告](https://uniapp.dcloud.net.cn/component/ad-rewarded-video.html)，开通步骤[详见](https://uniapp.dcloud.net.cn/uni-ad.html#start) 1. 在uni-ad后台([https://uniad.dcloud.net.cn/](https://uniad.dcloud.net.cn/))开通[激励视频广告](https://uniapp.dcloud.net.cn/component/ad-rewarded-video.html)，开通步骤[详见](https://uniapp.dcloud.net.cn/uni-ad.html#start)
2. 新建激励视频广告位，在对应的广告位上配置激励视频云回调，选择同账户下uni-cms部署的uniCloud服务空间，配置回调云函数为`uni-cms-unlock-callback` 2. 新建激励视频广告位，在对应的广告位上配置激励视频云回调，选择同账户下uni-cms部署的uniCloud服务空间，配置回调云函数为`uni-cms-unlock-callback`
![](https://web-assets.dcloud.net.cn/unidoc/zh/202304121447261.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/202304121447261.png)
3. 在 uni-AD Web 控制台，找到广告位，点击配置激励视频，展开当前广告位项，可看到生成的 `Security key` 与`adp id`，复制 `Security key` 与 `adp id` 3. 在 uni-AD Web 控制台，找到广告位，点击配置激励视频，展开当前广告位项，可看到生成的 `Security key` 与`adp id`，复制 `Security key` 与 `adp id`
![](https://web-assets.dcloud.net.cn/unidoc/zh/202304121448549.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/202304121448549.png)
4. 在 `uni_modules/uni-config-center/uniCloud/cloudfunctions/common/uni-config-center`目录中创建 `uni-cms/config.json` 配置文件，配置文件如下: 4. 在 `uni_modules/uni-config-center/uniCloud/cloudfunctions/common/uni-config-center`目录中创建 `uni-cms/config.json` 配置文件，配置文件如下:
```json ```json
...@@ -605,7 +605,7 @@ export default { ...@@ -605,7 +605,7 @@ export default {
} }
``` ```
![](https://web-assets.dcloud.net.cn/unidoc/zh/202304121449714.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/202304121449714.png)
6. 对uni-cms管理端项目下的uniCloud目录点右键，将云函数、配置、数据库、数据库扩展js都上传至云端 6. 对uni-cms管理端项目下的uniCloud目录点右键，将云函数、配置、数据库、数据库扩展js都上传至云端
7. 运行uni-admin项目，在内容管理中新建一篇文章，在指定内容后，点击ToolBar的”看广告解锁“功能，添加解锁符，保存文章。 7. 运行uni-admin项目，在内容管理中新建一篇文章，在指定内容后，点击ToolBar的”看广告解锁“功能，添加解锁符，保存文章。
......
docs/uniCloud/uni-id-pages.md
浏览文件 @ 6a735acf
...@@ -261,7 +261,7 @@ export default { ...@@ -261,7 +261,7 @@ export default {
|register |String |注册（包括注册并登录，如：微信登录、苹果登录、短信验证码登录） | |register |String |注册（包括注册并登录，如：微信登录、苹果登录、短信验证码登录） |
|login |String |登录（如：用户名密码登录） | |login |String |登录（如：用户名密码登录） |
一款规范的小程序或App要上架到国内应用商店必须提供《隐私政策和用户使用协议》，参考模版：[隐私权政策模板.zip](https://web-assets.dcloud.net.cn/unidoc/zh/%E9%9A%90%E7%A7%81%E6%9D%83%E6%94%BF%E7%AD%96%E6%A8%A1%E6%9D%BF.zip) 一款规范的小程序或App要上架到国内应用商店必须提供《隐私政策和用户使用协议》，参考模版：[隐私权政策模板.zip](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/%E9%9A%90%E7%A7%81%E6%9D%83%E6%94%BF%E7%AD%96%E6%A8%A1%E6%9D%BF.zip)
更多合规问题[详情参考](https://uniapp.dcloud.io/tutorial/android-store.html#app%E5%9B%A0%E5%90%88%E8%A7%84%E9%97%AE%E9%A2%98%E6%97%A0%E6%B3%95%E4%B8%8A%E6%9E%B6) 更多合规问题[详情参考](https://uniapp.dcloud.io/tutorial/android-store.html#app%E5%9B%A0%E5%90%88%E8%A7%84%E9%97%AE%E9%A2%98%E6%97%A0%E6%B3%95%E4%B8%8A%E6%9E%B6)
......
docs/uniCloud/uni-id-summary.md
浏览文件 @ 6a735acf
...@@ -392,7 +392,7 @@ RBAC：Role-Based Access Control，基于角色的访问控制。 ...@@ -392,7 +392,7 @@ RBAC：Role-Based Access Control，基于角色的访问控制。
其基本思想：对系统操作的各种权限不是直接授予具体的用户，而是在用户集合与权限集合之间建立一个角色集合。每一种角色对应一组相应的权限。一旦用户被分配了适当的角色后，该用户就拥有此角色的所有权限。 其基本思想：对系统操作的各种权限不是直接授予具体的用户，而是在用户集合与权限集合之间建立一个角色集合。每一种角色对应一组相应的权限。一旦用户被分配了适当的角色后，该用户就拥有此角色的所有权限。
![](https://web-assets.dcloud.net.cn/unidoc/zh/uni-rbac.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni-rbac.png)
这样做的好处是，增强系统管理的扩展性，对于批量用户的权限变更，仅需变更该批用户角色对应权限即可，而无需对该批每个用户变更权限。 这样做的好处是，增强系统管理的扩展性，对于批量用户的权限变更，仅需变更该批用户角色对应权限即可，而无需对该批每个用户变更权限。
...@@ -1590,13 +1590,13 @@ uni-id-pages 中内置了实名认证页面`uni-id-pages/pages/userinfo/realname ...@@ -1590,13 +1590,13 @@ uni-id-pages 中内置了实名认证页面`uni-id-pages/pages/userinfo/realname
<div style="display: flex; flex-basis: 10px"> <div style="display: flex; flex-basis: 10px">
<div style="margin-right: 10px;"> <div style="margin-right: 10px;">
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/202302072124001.jpg" width="375" /> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/202302072124001.jpg" width="375" />
</div> </div>
<div style="margin-right: 10px;"> <div style="margin-right: 10px;">
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/202302071745119.jpg" width="375"/> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/202302071745119.jpg" width="375"/>
</div> </div>
<div> <div>
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/202302222009563.jpg" width="375"/> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/202302222009563.jpg" width="375"/>
</div> </div>
</div> </div>
...@@ -1609,38 +1609,38 @@ uni-id-pages 中内置了实名认证页面`uni-id-pages/pages/userinfo/realname ...@@ -1609,38 +1609,38 @@ uni-id-pages 中内置了实名认证页面`uni-id-pages/pages/userinfo/realname
1. 使用开发者账号登录[uniCloud控制台](https://unicloud.dcloud.net.cn/) ，选择`实人认证`栏目。在使用此功能前需要完成实名认证，可前往[开发者中心](https://dev.dcloud.net.cn/)完成实名认证。 1. 使用开发者账号登录[uniCloud控制台](https://unicloud.dcloud.net.cn/) ，选择`实人认证`栏目。在使用此功能前需要完成实名认证，可前往[开发者中心](https://dev.dcloud.net.cn/)完成实名认证。
![](https://web-assets.dcloud.net.cn/unidoc/zh/rpa/rpa1674035425.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/rpa/rpa1674035425.png)
2. 完成实名认证后，阅读uni实名认证服务协议并点击协议下方的“同意协议并开通”按钮，便可开通实人认证服务。 2. 完成实名认证后，阅读uni实名认证服务协议并点击协议下方的“同意协议并开通”按钮，便可开通实人认证服务。
![](https://web-assets.dcloud.net.cn/unidoc/zh/rpa/rpa1674039403.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/rpa/rpa1674039403.png)
3. 实人认证为预付费业务，使用实人认证服务之前，需要先进行充值。点击页面上的“充值”按钮，并输入充值金额进行充值，充值金额最小为1元。 3. 实人认证为预付费业务，使用实人认证服务之前，需要先进行充值。点击页面上的“充值”按钮，并输入充值金额进行充值，充值金额最小为1元。
![](https://web-assets.dcloud.net.cn/unidoc/zh/rpa/rpa1674040001.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/rpa/rpa1674040001.png)
4. 开通完成后，在插件市场中导入[uni-id-pages](https://ext.dcloud.net.cn/plugin?id=8577)至项目中。 4. 开通完成后，在插件市场中导入[uni-id-pages](https://ext.dcloud.net.cn/plugin?id=8577)至项目中。
5. 参考[配置项说明](#frv-config)完成配置设置，详细的uni-id配置文件[参考](#config)。 5. 参考[配置项说明](#frv-config)完成配置设置，详细的uni-id配置文件[参考](#config)。
6. 将`uni-config-center`与`uni-id-co`模块上传至云端。 6. 将`uni-config-center`与`uni-id-co`模块上传至云端。
7. 在`manifest.json`中找到`App模块设置-打包模块设置`，勾选”实人认证“。 7. 在`manifest.json`中找到`App模块设置-打包模块设置`，勾选”实人认证“。
![](https://web-assets.dcloud.net.cn/unidoc/zh/202302231806176.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/202302231806176.png)
8. 建议在 uniCloud 中配置服务空间白名单安全配置，可以提高接口调用安全性，防止被他人盗用。可点击“添加服务空间”按钮，选择相应的服务空间完成添加服务空间白名单，服务空间添加成功后，只有列表中的服务空间才可以调用当前账号下的实人认证接口。此列表为空时，不校验调用方的服务空间。 8. 建议在 uniCloud 中配置服务空间白名单安全配置，可以提高接口调用安全性，防止被他人盗用。可点击“添加服务空间”按钮，选择相应的服务空间完成添加服务空间白名单，服务空间添加成功后，只有列表中的服务空间才可以调用当前账号下的实人认证接口。此列表为空时，不校验调用方的服务空间。
![](https://web-assets.dcloud.net.cn/unidoc/zh/rpa/rap1674040168.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/rpa/rap1674040168.png)
9. 运行iOS/Android标准基座即可测试实名认证功能。 9. 运行iOS/Android标准基座即可测试实名认证功能。
![](https://web-assets.dcloud.net.cn/unidoc/zh/202302231812402.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/202302231812402.png)
10. 在用户完成实名认证后，可以在uniCloud控制台查看实人认证调用记录与统计。 10. 在用户完成实名认证后，可以在uniCloud控制台查看实人认证调用记录与统计。
![](https://web-assets.dcloud.net.cn/unidoc/zh/rpa/rpa1674040923.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/rpa/rpa1674040923.png)
但此业务数据量较大，为了维持服务的稳定性，只能查看30天内的某1天的全部调用记录，默认选择当天。 但此业务数据量较大，为了维持服务的稳定性，只能查看30天内的某1天的全部调用记录，默认选择当天。
![](https://web-assets.dcloud.net.cn/unidoc/zh/rpa/rpa1674041037.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/rpa/rpa1674041037.png)
系统可查看实人认证每日调用汇总数据，包括每日请求次数、每日请求成功次数、每日计费金额等汇总数据。 系统可查看实人认证每日调用汇总数据，包括每日请求次数、每日请求成功次数、每日计费金额等汇总数据。
......
docs/uniCloud/uni-id.md
浏览文件 @ 6a735acf
...@@ -346,7 +346,7 @@ RBAC：Role-Based Access Control，基于角色的访问控制。 ...@@ -346,7 +346,7 @@ RBAC：Role-Based Access Control，基于角色的访问控制。
其基本思想：对系统操作的各种权限不是直接授予具体的用户，而是在用户集合与权限集合之间建立一个角色集合。每一种角色对应一组相应的权限。一旦用户被分配了适当的角色后，该用户就拥有此角色的所有权限。 其基本思想：对系统操作的各种权限不是直接授予具体的用户，而是在用户集合与权限集合之间建立一个角色集合。每一种角色对应一组相应的权限。一旦用户被分配了适当的角色后，该用户就拥有此角色的所有权限。
![](https://web-assets.dcloud.net.cn/unidoc/zh/uni-rbac.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni-rbac.png)
这样做的好处是，增强系统管理的扩展性，对于批量用户的权限变更，仅需变更该批用户角色对应权限即可，而无需对该批每个用户变更权限。 这样做的好处是，增强系统管理的扩展性，对于批量用户的权限变更，仅需变更该批用户角色对应权限即可，而无需对该批每个用户变更权限。
...@@ -3493,12 +3493,12 @@ errCode和errMsg对照表如下： ...@@ -3493,12 +3493,12 @@ errCode和errMsg对照表如下：
**分享邀请码/邀请链接** **分享邀请码/邀请链接**
<img width="375" src="https://web-assets.dcloud.net.cn/unidoc/zh/uni-id-fission-qrcode.jpeg" /> <img width="375" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni-id-fission-qrcode.jpeg" />
**受邀者注册** **受邀者注册**
<img width="375" src="https://web-assets.dcloud.net.cn/unidoc/zh/uni-id-fission-invite-reg.jpeg" /> <img width="375" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni-id-fission-invite-reg.jpeg" />
## 修改passwordSecret@modifysecret ## 修改passwordSecret@modifysecret
...@@ -3570,7 +3570,7 @@ uni-id-users表内存储的password字段为使用hmac-sha1生成的hash值， ...@@ -3570,7 +3570,7 @@ uni-id-users表内存储的password字段为使用hmac-sha1生成的hash值，
详细checkToken流程如下： 详细checkToken流程如下：
![](https://web-assets.dcloud.net.cn/unidoc/zh/uni-id-cache-permission.jpg) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni-id-cache-permission.jpg)
可以看出，旧版token（removePermissionAndRoleFromToken为true时生成的）在checkToken时如需返回权限需要进行两次数据库查询。新版token不需要查库即可返回权限信息。 可以看出，旧版token（removePermissionAndRoleFromToken为true时生成的）在checkToken时如需返回权限需要进行两次数据库查询。新版token不需要查库即可返回权限信息。
......
docs/uniCloud/uni-im.md
浏览文件 @ 6a735acf
...@@ -10,7 +10,7 @@ uni-im是云端一体的、全平台的、免费的、开源即时通讯系统 ...@@ -10,7 +10,7 @@ uni-im是云端一体的、全平台的、免费的、开源即时通讯系统
案例： 案例：
<img width="600px" src="https://web-assets.dcloud.net.cn/ext/uni-im/20230228110007.jpg"></img> <img width="600px" src="https://qiniu-web-assets.dcloud.net.cn/ext/uni-im/20230228110007.jpg"></img>
如图：在插件市场任意插件详情页面，点击咨询作者按钮，即可看到基于uni-im搭建的客服系统。 如图：在插件市场任意插件详情页面，点击咨询作者按钮，即可看到基于uni-im搭建的客服系统。
...@@ -84,7 +84,7 @@ uni-im本身并不收费，实际使用中需要依赖uniCloud云服务，会产 ...@@ -84,7 +84,7 @@ uni-im本身并不收费，实际使用中需要依赖uniCloud云服务，会产
2. 点击`使用HBuilderX导入示例项目` 2. 点击`使用HBuilderX导入示例项目`
3. 对项目根目录uniCloud点右键选择“云服务空间初始化向导”界面按提示部署项目（注意：选择绑定的服务空间，须在uni-push2.0的[web控制台](https://dev.dcloud.net.cn/pages/app/push2/info)关联） 3. 对项目根目录uniCloud点右键选择“云服务空间初始化向导”界面按提示部署项目（注意：选择绑定的服务空间，须在uni-push2.0的[web控制台](https://dev.dcloud.net.cn/pages/app/push2/info)关联）
4. 在HBuilderX控制台，更改`连接本地云函数`为`连接云端云函数` 4. 在HBuilderX控制台，更改`连接本地云函数`为`连接云端云函数`
<img width="600px" src="https://web-assets.dcloud.net.cn/ext/uni-im/20230317211717.jpg"></img> <img width="600px" src="https://qiniu-web-assets.dcloud.net.cn/ext/uni-im/20230317211717.jpg"></img>
5. `运行项目`到2个不同的浏览器，因为在同一个浏览器打开相同网络地址（ip或者域名）的uni-im项目，socket会相互占线。 5. `运行项目`到2个不同的浏览器，因为在同一个浏览器打开相同网络地址（ip或者域名）的uni-im项目，socket会相互占线。
所以需要使用两个浏览器（或者使用浏览器`打开新的无痕式窗口`功能充当第二个浏览器）分别`注册账号并登录`， 所以需要使用两个浏览器（或者使用浏览器`打开新的无痕式窗口`功能充当第二个浏览器）分别`注册账号并登录`，
到此部署已经结束 到此部署已经结束
......
docs/uniCloud/uni-open-bridge.md
浏览文件 @ 6a735acf
...@@ -54,7 +54,7 @@ ...@@ -54,7 +54,7 @@
流程图如下： 流程图如下：
![](https://web-assets.dcloud.net.cn/unidoc/zh/uni-open-bridge.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni-open-bridge.png)
## 凭据介绍 ## 凭据介绍
......
docs/uniCloud/uni-pay.md
浏览文件 @ 6a735acf
...@@ -30,7 +30,7 @@ ...@@ -30,7 +30,7 @@
注意：线上体验地址用的是阿里云免费版，免费版请求次数有限，如请求失败为正常现象，可直接导入示例项目绑定自己的空间体验。 注意：线上体验地址用的是阿里云免费版，免费版请求次数有限，如请求失败为正常现象，可直接导入示例项目绑定自己的空间体验。
![](https://web-assets.dcloud.net.cn/unidoc/zh/https___hellounipay.dcloud.net.cn_.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/https___hellounipay.dcloud.net.cn_.png)
`uni-pay` 的功能包括： `uni-pay` 的功能包括：
...@@ -127,7 +127,7 @@ uni-pay的[uni_modules](../plugin/uni_modules.md)中包含了前端页面、云 ...@@ -127,7 +127,7 @@ uni-pay的[uni_modules](../plugin/uni_modules.md)中包含了前端页面、云
1. 从插件市场导入`uni-pay`示例项目。[前往插件市场](https://ext.dcloud.net.cn/plugin?name=uni-pay) 1. 从插件市场导入`uni-pay`示例项目。[前往插件市场](https://ext.dcloud.net.cn/plugin?name=uni-pay)
![](https://web-assets.dcloud.net.cn/unidoc/zh/uni-pay-9.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni-pay-9.png)
2. 打开`uni-pay`配置文件，配置文件地址: `uniCloud/cloudfunctions/common/uni-config-center/uni-pay/config.js` [查看支付配置介绍](#config) 2. 打开`uni-pay`配置文件，配置文件地址: `uniCloud/cloudfunctions/common/uni-config-center/uni-pay/config.js` [查看支付配置介绍](#config)
3. 上传公共模块 `uni-config-center`（右键，上传公共模块，每次修改了支付配置，都需要重新上传此模块才会生效） 3. 上传公共模块 `uni-config-center`（右键，上传公共模块，每次修改了支付配置，都需要重新上传此模块才会生效）
...@@ -135,17 +135,17 @@ uni-pay的[uni_modules](../plugin/uni_modules.md)中包含了前端页面、云 ...@@ -135,17 +135,17 @@ uni-pay的[uni_modules](../plugin/uni_modules.md)中包含了前端页面、云
5. 上传云对象 `uni-pay-co`（右键，上传部署。当然对uniCloud目录点右键批量上传也可以） 5. 上传云对象 `uni-pay-co`（右键，上传部署。当然对uniCloud目录点右键批量上传也可以）
6. 数据库初始化 6. 数据库初始化
![](https://web-assets.dcloud.net.cn/unidoc/zh/uni-pay-28.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni-pay-28.png)
7. 运行启动项目，**在HBuilderX的运行控制台里选择使用云端云函数环境** 7. 运行启动项目，**在HBuilderX的运行控制台里选择使用云端云函数环境**
**注意：测试支付回调必须选择云端云函数环境** **注意：测试支付回调必须选择云端云函数环境**
![](https://web-assets.dcloud.net.cn/unidoc/zh/uni-pay-29.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni-pay-29.png)
8. 前端页面里点击唤起收银台支付，如果可以正常支付，代表示例项目运行成功，可以开始对接自己的项目了。 [对接自己项目](#install) 8. 前端页面里点击唤起收银台支付，如果可以正常支付，代表示例项目运行成功，可以开始对接自己的项目了。 [对接自己项目](#install)
![](https://web-assets.dcloud.net.cn/unidoc/zh/uni-pay-30.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni-pay-30.png)
## uni-pay的config-center配置@config ## uni-pay的config-center配置@config
...@@ -153,7 +153,7 @@ uni-pay的[uni_modules](../plugin/uni_modules.md)中包含了前端页面、云 ...@@ -153,7 +153,7 @@ uni-pay的[uni_modules](../plugin/uni_modules.md)中包含了前端页面、云
配置文件在 `uniCloud/cloudfunctions/common/uni-config-center/uni-pay/config.js` 配置文件在 `uniCloud/cloudfunctions/common/uni-config-center/uni-pay/config.js`
![](https://web-assets.dcloud.net.cn/unidoc/zh/uni-pay-3.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni-pay-3.png)
### 完整支付配置示例@config-demo ### 完整支付配置示例@config-demo
...@@ -356,17 +356,17 @@ module.exports = { ...@@ -356,17 +356,17 @@ module.exports = {
[点击此处进入服务空间列表](https://unicloud.dcloud.net.cn/home)，找到你项目用的服务空间，复制其服务空间ID [点击此处进入服务空间列表](https://unicloud.dcloud.net.cn/home)，找到你项目用的服务空间，复制其服务空间ID
![](https://web-assets.dcloud.net.cn/unidoc/zh/uni-pay-4.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni-pay-4.png)
**URL化地址如何获取？** **URL化地址如何获取？**
[点击此处进入服务空间列表](https://unicloud.dcloud.net.cn/home)，找到你项目用的服务空间，点击服务空间名称进入空间详情页，点击左侧菜单【云函数/云对象】- 点击【uni-pay-co】云对象右侧的【详情】按钮 [点击此处进入服务空间列表](https://unicloud.dcloud.net.cn/home)，找到你项目用的服务空间，点击服务空间名称进入空间详情页，点击左侧菜单【云函数/云对象】- 点击【uni-pay-co】云对象右侧的【详情】按钮
![](https://web-assets.dcloud.net.cn/unidoc/zh/uni-pay-5.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni-pay-5.png)
进入详情后，点下面的【复制路径】，复制的内容就是【URL化地址】 进入详情后，点下面的【复制路径】，复制的内容就是【URL化地址】
![](https://web-assets.dcloud.net.cn/unidoc/zh/uni-pay-6.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni-pay-6.png)
### 分渠道支付配置示例@config-part ### 分渠道支付配置示例@config-part
...@@ -706,18 +706,18 @@ module.exports = { ...@@ -706,18 +706,18 @@ module.exports = {
1. 从插件市场导入`uni-pay`插件到你自己的项目。[前往插件市场](https://ext.dcloud.net.cn/plugin?name=uni-pay) 1. 从插件市场导入`uni-pay`插件到你自己的项目。[前往插件市场](https://ext.dcloud.net.cn/plugin?name=uni-pay)
![](https://web-assets.dcloud.net.cn/unidoc/zh/uni-pay-10.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni-pay-10.png)
2. 复制你刚运行的示例项目中的`uni-pay`配置文件，配置文件地址: `uniCloud/cloudfunctions/common/uni-config-center/uni-pay/config.js`到你的项目中 [查看支付配置介绍](#config) 2. 复制你刚运行的示例项目中的`uni-pay`配置文件，配置文件地址: `uniCloud/cloudfunctions/common/uni-config-center/uni-pay/config.js`到你的项目中 [查看支付配置介绍](#config)
![](https://web-assets.dcloud.net.cn/unidoc/zh/uni-pay-3.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni-pay-3.png)
3. 上传公共模块 `uni-config-center`（右键，上传公共模块，每次修改了支付配置，都需要重新上传此模块才会生效） 3. 上传公共模块 `uni-config-center`（右键，上传公共模块，每次修改了支付配置，都需要重新上传此模块才会生效）
4. 上传公共模块 `uni-pay`（右键，上传公共模块） 4. 上传公共模块 `uni-pay`（右键，上传公共模块）
5. 上传云对象 `uni-pay-co`（右键，上传部署） 5. 上传云对象 `uni-pay-co`（右键，上传部署）
6. 数据库初始化 6. 数据库初始化
![](https://web-assets.dcloud.net.cn/unidoc/zh/uni-pay-28.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni-pay-28.png)
7. 项目根目录`pages.json`添加`subPackages`分包页面配置（如果页面已自动配置，则可无视此步骤） 7. 项目根目录`pages.json`添加`subPackages`分包页面配置（如果页面已自动配置，则可无视此步骤）
```js ```js
...@@ -2122,13 +2122,13 @@ this.$refs.uniPay.createOrder({ ...@@ -2122,13 +2122,13 @@ this.$refs.uniPay.createOrder({
### 收款趋势 ### 收款趋势
![](https://web-assets.dcloud.net.cn/unidoc/zh/%E6%94%AF%E4%BB%98%E7%BB%9F%E8%AE%A101.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/%E6%94%AF%E4%BB%98%E7%BB%9F%E8%AE%A101.png)
**概况** **概况**
在`概况`栏目中可以直观的看到今日、昨日、前日、本周、本月、本季度、本年度、累计数据。 在`概况`栏目中可以直观的看到今日、昨日、前日、本周、本月、本季度、本年度、累计数据。
![](https://web-assets.dcloud.net.cn/unidoc/zh/%E6%94%AF%E4%BB%98%E7%BB%9F%E8%AE%A101-01.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/%E6%94%AF%E4%BB%98%E7%BB%9F%E8%AE%A101-01.png)
**名词解释：** **名词解释：**
...@@ -2142,7 +2142,7 @@ this.$refs.uniPay.createOrder({ ...@@ -2142,7 +2142,7 @@ this.$refs.uniPay.createOrder({
在`今日数据`栏目中可以看到更多今日统计数据。 在`今日数据`栏目中可以看到更多今日统计数据。
![](https://web-assets.dcloud.net.cn/unidoc/zh/%E6%94%AF%E4%BB%98%E7%BB%9F%E8%AE%A101-02.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/%E6%94%AF%E4%BB%98%E7%BB%9F%E8%AE%A101-02.png)
**名词解释：** **名词解释：**
...@@ -2167,13 +2167,13 @@ this.$refs.uniPay.createOrder({ ...@@ -2167,13 +2167,13 @@ this.$refs.uniPay.createOrder({
在`趋势图`栏目中以`天维度`、`月维度`、`季维度`、`年维度`进行趋势统计。可以直观的看到收入的增长趋势。 在`趋势图`栏目中以`天维度`、`月维度`、`季维度`、`年维度`进行趋势统计。可以直观的看到收入的增长趋势。
![](https://web-assets.dcloud.net.cn/unidoc/zh/%E6%94%AF%E4%BB%98%E7%BB%9F%E8%AE%A101-03.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/%E6%94%AF%E4%BB%98%E7%BB%9F%E8%AE%A101-03.png)
### 转换漏斗分析 ### 转换漏斗分析
可以为您分析指定时间段的支付转化率，同时展示支付转化率趋势图。 可以为您分析指定时间段的支付转化率，同时展示支付转化率趋势图。
![](https://web-assets.dcloud.net.cn/unidoc/zh/%E6%94%AF%E4%BB%98%E7%BB%9F%E8%AE%A102.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/%E6%94%AF%E4%BB%98%E7%BB%9F%E8%AE%A102.png)
**名词解释：** **名词解释：**
...@@ -2187,13 +2187,13 @@ this.$refs.uniPay.createOrder({ ...@@ -2187,13 +2187,13 @@ this.$refs.uniPay.createOrder({
可以为您快速筛选高价值用户，高复购率用户。 可以为您快速筛选高价值用户，高复购率用户。
![](https://web-assets.dcloud.net.cn/unidoc/zh/%E6%94%AF%E4%BB%98%E7%BB%9F%E8%AE%A103.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/%E6%94%AF%E4%BB%98%E7%BB%9F%E8%AE%A103.png)
### 订单明细 ### 订单明细
可以搜索、查看订单详情 可以搜索、查看订单详情
![](https://web-assets.dcloud.net.cn/unidoc/zh/%E6%94%AF%E4%BB%98%E7%BB%9F%E8%AE%A104.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/%E6%94%AF%E4%BB%98%E7%BB%9F%E8%AE%A104.png)
## 注意事项@tips ## 注意事项@tips
...@@ -2230,17 +2230,17 @@ module.exports = { ...@@ -2230,17 +2230,17 @@ module.exports = {
微信小程序支付除了配置uni-pay的支付配置外，还需要配置 `manifest.json` 内的 微信小程序appid，如下图所示。 微信小程序支付除了配置uni-pay的支付配置外，还需要配置 `manifest.json` 内的 微信小程序appid，如下图所示。
![](https://web-assets.dcloud.net.cn/unidoc/zh/uni-pay-7.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni-pay-7.png)
如果报如下错误，请点[这里](#question-mp-weixin-domain) 如果报如下错误，请点[这里](#question-mp-weixin-domain)
![](https://web-assets.dcloud.net.cn/unidoc/zh/uni-pay-32.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni-pay-32.png)
### APP支付@tips-app ### APP支付@tips-app
APP支付除了配置uni-pay的支付配置外，还需要打包时添加支付模块，如下图所示。 APP支付除了配置uni-pay的支付配置外，还需要打包时添加支付模块，如下图所示。
![](https://web-assets.dcloud.net.cn/unidoc/zh/uni-pay-8.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni-pay-8.png)
同时，还需要打自定义基座（包名需要和开放平台下填写的一致），且你在开放平台下的这个应用必须通过审核才可以。（比如微信开放平台下的APP应用显示通过审核才可以） 同时，还需要打自定义基座（包名需要和开放平台下填写的一致），且你在开放平台下的这个应用必须通过审核才可以。（比如微信开放平台下的APP应用显示通过审核才可以）
...@@ -2336,7 +2336,7 @@ APP支付除了配置uni-pay的支付配置外，还需要打包时添加支付 ...@@ -2336,7 +2336,7 @@ APP支付除了配置uni-pay的支付配置外，还需要打包时添加支付
### 微信小程序真机报fail url not in domain list错误@question-mp-weixin-domain ### 微信小程序真机报fail url not in domain list错误@question-mp-weixin-domain
![](https://web-assets.dcloud.net.cn/unidoc/zh/uni-pay-32.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni-pay-32.png)
这是由于云开发的域名没有添加到微信小程序域名白名单导致的，需要去微信小程序后台，添加以下域名到微信小程序域名白名单 这是由于云开发的域名没有添加到微信小程序域名白名单导致的，需要去微信小程序后台，添加以下域名到微信小程序域名白名单
...@@ -2344,6 +2344,6 @@ APP支付除了配置uni-pay的支付配置外，还需要打包时添加支付 ...@@ -2344,6 +2344,6 @@ APP支付除了配置uni-pay的支付配置外，还需要打包时添加支付
https://api.next.bspapp.com;https://api.bspapp.com;https://tcb-api.tencentcloudapi.com; https://api.next.bspapp.com;https://api.bspapp.com;https://tcb-api.tencentcloudapi.com;
``` ```
![](https://web-assets.dcloud.net.cn/unidoc/zh/uni-pay-31.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni-pay-31.png)
**添加完域名后，一定要重启微信开发者工具，然后去手机微信里删除最近使用的小程序（这一步很关键），最后重新扫二维码进入小程序。** **添加完域名后，一定要重启微信开发者工具，然后去手机微信里删除最近使用的小程序（这一步很关键），最后重新扫二维码进入小程序。**
docs/uniCloud/uni-portal.md
浏览文件 @ 6a735acf
...@@ -21,14 +21,14 @@ App/小程序/网站做好后，如何告知你的用户？ ...@@ -21,14 +21,14 @@ App/小程序/网站做好后，如何告知你的用户？
- **PC宽屏** - **PC宽屏**
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/uni-portal-pc.png" style="max-width:800px !important"></img> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni-portal-pc.png" style="max-width:800px !important"></img>
- **手机窄屏** - **手机窄屏**
手机浏览器上，默认展示效果如下： 手机浏览器上，默认展示效果如下：
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/uni-portal-mobile.png" style="max-width:400px !important"></img> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni-portal-mobile.png" style="max-width:400px !important"></img>
`uni-portal`统一发布页同时会识别当前浏览器环境，在微信等特殊浏览器上，自动提示“点击右上角菜单，在浏览器中打开”，效果如下： `uni-portal`统一发布页同时会识别当前浏览器环境，在微信等特殊浏览器上，自动提示“点击右上角菜单，在浏览器中打开”，效果如下：
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/uni-portal-mp.jpg" style="max-width:400px !important"></img> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni-portal-mp.jpg" style="max-width:400px !important"></img>
\ No newline at end of file \ No newline at end of file
docs/uniCloud/uni-publish.md
浏览文件 @ 6a735acf
...@@ -38,7 +38,7 @@ App/小程序/网站做好后，如何告知你的用户？ ...@@ -38,7 +38,7 @@ App/小程序/网站做好后，如何告知你的用户？
负责应用发布信息的管理。 负责应用发布信息的管理。
<div align="left"> <div align="left">
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/uni-portal-manager-list.png" alt="统一发布门户管理" width="800"></img> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni-portal-manager-list.png" alt="统一发布门户管理" width="800"></img>
</div> </div>
提供了如下功能： 提供了如下功能：
...@@ -58,10 +58,10 @@ App/小程序/网站做好后，如何告知你的用户？ ...@@ -58,10 +58,10 @@ App/小程序/网站做好后，如何告知你的用户？
负责对所填写应用发布信息的展示与正确引导下载方式。 负责对所填写应用发布信息的展示与正确引导下载方式。
<div align="left" style="display:flex;align-items:center;"> <div align="left" style="display:flex;align-items:center;">
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/uni-portal-pc.png" height="400"></img> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni-portal-pc.png" height="400"></img>
<img style="margin-left:20px;" src="https://web-assets.dcloud.net.cn/unidoc/zh/uni-portal-mobile.png" height="400"></img> <img style="margin-left:20px;" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni-portal-mobile.png" height="400"></img>
<img style="margin-left:20px;" src="https://web-assets.dcloud.net.cn/unidoc/zh/uni-portal-app-desc.png" height="400"></img> <img style="margin-left:20px;" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni-portal-app-desc.png" height="400"></img>
<img style="margin-left:20px;" src="https://web-assets.dcloud.net.cn/unidoc/zh/uni-portal-mp.jpg" height="400"></img> <img style="margin-left:20px;" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni-portal-mp.jpg" height="400"></img>
</div> </div>
......
docs/uniCloud/uni-sec-check.md
浏览文件 @ 6a735acf
...@@ -39,7 +39,7 @@ uni-sec-check公共模块仅能在云函数/云对象内使用。如果您不了 ...@@ -39,7 +39,7 @@ uni-sec-check公共模块仅能在云函数/云对象内使用。如果您不了
配置如下图所示 配置如下图所示
![](https://web-assets.dcloud.net.cn/unidoc/zh/uni-admin/387.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni-admin/387.png)
## API@api ## API@api
......
docs/uniCloud/uni-starter.md
浏览文件 @ 6a735acf
...@@ -15,7 +15,7 @@ uni-starter是集成商用项目常见功能的、云端一体应用快速开发 ...@@ -15,7 +15,7 @@ uni-starter是集成商用项目常见功能的、云端一体应用快速开发
演示项目：[https://uni-starter.dcloud.net.cn](https://uni-starter.dcloud.net.cn) 演示项目：[https://uni-starter.dcloud.net.cn](https://uni-starter.dcloud.net.cn)
扫码体验：<img src="https://web-assets.dcloud.net.cn/unidoc/zh/download.png" style="width: 120px;"> 扫码体验：<img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/download.png" style="width: 120px;">
下载地址：[https://ext.dcloud.net.cn/plugin?id=5057](https://ext.dcloud.net.cn/plugin?id=5057) 下载地址：[https://ext.dcloud.net.cn/plugin?id=5057](https://ext.dcloud.net.cn/plugin?id=5057)
...@@ -59,9 +59,9 @@ GitCode 仓库：[https://gitcode.net/dcloud/uni-starter](https://gitcode.net/dc ...@@ -59,9 +59,9 @@ GitCode 仓库：[https://gitcode.net/dcloud/uni-starter](https://gitcode.net/dc
- 在uniCloud认证通过后，创建一个服务空间给本项目使用。选择阿里云或腾讯云均可，两种服务空间差异[详情](https://uniapp.dcloud.net.cn/uniCloud/price) - 在uniCloud认证通过后，创建一个服务空间给本项目使用。选择阿里云或腾讯云均可，两种服务空间差异[详情](https://uniapp.dcloud.net.cn/uniCloud/price)
#### 2. 运行云服务空间初始化向导 #### 2. 运行云服务空间初始化向导
<img style="width:61.8%" src="https://web-assets.dcloud.net.cn/unidoc/zh/20210809115104.jpg" /> <img style="width:61.8%" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/20210809115104.jpg" />
<img style="width:61.8%" src="https://web-assets.dcloud.net.cn/unidoc/zh/20210809113634.jpg" /> <img style="width:61.8%" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/20210809113634.jpg" />
<img style="width:61.8%" src="https://web-assets.dcloud.net.cn/unidoc/zh/20210809114205.jpg" /> <img style="width:61.8%" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/20210809114205.jpg" />
## 功能模块介绍 ## 功能模块介绍
### 1.账户管理 ### 1.账户管理
...@@ -361,7 +361,7 @@ if (uniCloud.onRefreshToken) { ...@@ -361,7 +361,7 @@ if (uniCloud.onRefreshToken) {
## 相关案例 ## 相关案例
[ [
![](https://web-assets.dcloud.net.cn/unidoc/zh/20211108121525.jpg) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/20211108121525.jpg)
](https://ext.dcloud.net.cn/search?q=uni-starter) ](https://ext.dcloud.net.cn/search?q=uni-starter)
（点击跳转到案例列表） （点击跳转到案例列表）
......
docs/uniCloud/uni-subscribemsg.md
浏览文件 @ 6a735acf
...@@ -274,10 +274,10 @@ let res = await uniSubscribemsg.getSubscribeUserInfo({ ...@@ -274,10 +274,10 @@ let res = await uniSubscribemsg.getSubscribeUserInfo({
进入[微信公众号后台](https://mp.weixin.qq.com) - 点击【模板消息】- 点击【从历史模板库中添加】 进入[微信公众号后台](https://mp.weixin.qq.com) - 点击【模板消息】- 点击【从历史模板库中添加】
![](https://web-assets.dcloud.net.cn/unidoc/zh/uni-admin/350.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni-admin/350.png)
### 如何申请微信小程序订阅消息 ### 如何申请微信小程序订阅消息
进入[微信小程序后台](https://mp.weixin.qq.com) - 点击【订阅消息】- 点击【公共模板库】- 点击【选用】 进入[微信小程序后台](https://mp.weixin.qq.com) - 点击【订阅消息】- 点击【公共模板库】- 点击【选用】
![](https://web-assets.dcloud.net.cn/unidoc/zh/uni-admin/349.png) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni-admin/349.png)
docs/uniCloud/upgrade-center.md
浏览文件 @ 6a735acf
...@@ -57,7 +57,7 @@ App升级中心 uni-upgrade-center，提供了 App 的版本更新服务。包 ...@@ -57,7 +57,7 @@ App升级中心 uni-upgrade-center，提供了 App 的版本更新服务。包
添加应用后，即可在应用管理列表中跳转至版本管理页面： 添加应用后，即可在应用管理列表中跳转至版本管理页面：
<div align="center"> <div align="center">
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/upgrade-center-jump.jpg" width="800"></img> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/upgrade-center-jump.jpg" width="800"></img>
</div> </div>
**版本管理** **版本管理**
...@@ -65,14 +65,14 @@ App升级中心 uni-upgrade-center，提供了 App 的版本更新服务。包 ...@@ -65,14 +65,14 @@ App升级中心 uni-upgrade-center，提供了 App 的版本更新服务。包
1. 在版本管理列表页面右上角点击`发布新版`，可以发布`原生App安装包`和`wgt资源包`。在左上角点击`下拉列表`，可以切换展示应用。 1. 在版本管理列表页面右上角点击`发布新版`，可以发布`原生App安装包`和`wgt资源包`。在左上角点击`下拉列表`，可以切换展示应用。
<div align="center"> <div align="center">
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/version_list_new.png" width="800"></img> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/version_list_new.png" width="800"></img>
</div> </div>
- 发布原生App安装包 - 发布原生App安装包
1. 在上传安装包界面填写此次发版信息 1. 在上传安装包界面填写此次发版信息
<div align="center" > <div align="center" >
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/publish_apk.jpg" width="600"></img> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/publish_apk.jpg" width="600"></img>
</div> </div>
2. `版本号`：请填写以`.`分隔字符串，例如：`0.0.1`。在构建应用安装包时，`manifest.json` 中的 `应用版本名称` 也要是该格式。 2. `版本号`：请填写以`.`分隔字符串，例如：`0.0.1`。在构建应用安装包时，`manifest.json` 中的 `应用版本名称` 也要是该格式。
...@@ -101,7 +101,7 @@ App升级中心 uni-upgrade-center，提供了 App 的版本更新服务。包 ...@@ -101,7 +101,7 @@ App升级中心 uni-upgrade-center，提供了 App 的版本更新服务。包
1. 大部分配置与发布 `原生App安装包` 一致 1. 大部分配置与发布 `原生App安装包` 一致
<div align="center"> <div align="center">
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/publish_wgt.png" width="400"></img> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/publish_wgt.png" width="400"></img>
</div> </div>
2. `原生App最低版本` 2. `原生App最低版本`
...@@ -116,7 +116,7 @@ App升级中心 uni-upgrade-center，提供了 App 的版本更新服务。包 ...@@ -116,7 +116,7 @@ App升级中心 uni-upgrade-center，提供了 App 的版本更新服务。包
- 发布完成页面 - 发布完成页面
<div align="center"> <div align="center">
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/version_list_new2.png" width="800"></img> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/version_list_new2.png" width="800"></img>
</div> </div>
**Tips** **Tips**
...@@ -138,9 +138,9 @@ App升级中心 uni-upgrade-center，提供了 App 的版本更新服务。包 ...@@ -138,9 +138,9 @@ App升级中心 uni-upgrade-center，提供了 App 的版本更新服务。包
负责前台检查升级更新。 负责前台检查升级更新。
<div align="left" style="display:flex;align-items:center;"> <div align="left" style="display:flex;align-items:center;">
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/upgrade_center_1.jpg" alt="官方升级弹框样式" width="250"></img> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/upgrade_center_1.jpg" alt="官方升级弹框样式" width="250"></img>
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/update_app_store.png" alt="升级支持多商店" width="250"></img> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/update_app_store.png" alt="升级支持多商店" width="250"></img>
<img style="margin-left:20px;" src="https://web-assets.dcloud.net.cn/unidoc/zh/upgrade_center_3.jpg" alt="使用uni.showModal自定义弹框" width="250"></img> <img style="margin-left:20px;" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/upgrade_center_3.jpg" alt="使用uni.showModal自定义弹框" width="250"></img>
</div> </div>
提供了如下功能： 提供了如下功能：
......
docs/unipush-v2.md
浏览文件 @ 6a735acf
...@@ -50,8 +50,8 @@ push，指服务器主动向客户端发送消息的技术。无需客户端持 ...@@ -50,8 +50,8 @@ push，指服务器主动向客户端发送消息的技术。无需客户端持
2. 专业push服务器再向客户端发送消息 2. 专业push服务器再向客户端发送消息
3. 若手机应用在线，直接收到push；若不在线，手机用户在操作系统的通知栏中看到push消息，点击后呼起客户端应用，客户端代码可以接收响应获得消息；如果是小程序的话，则是在微信消息里看到订阅消息，点击后呼起小程序并拿到启动参数。 3. 若手机应用在线，直接收到push；若不在线，手机用户在操作系统的通知栏中看到push消息，点击后呼起客户端应用，客户端代码可以接收响应获得消息；如果是小程序的话，则是在微信消息里看到订阅消息，点击后呼起小程序并拿到启动参数。
<div style="float:clear;"> <div style="float:clear;">
<img width="30%" style="margin-left:5%;max-width:260px;" src="https://web-assets.dcloud.net.cn/unidoc/zh/20220325203150.jpg"/> <img width="30%" style="margin-left:5%;max-width:260px;" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/20220325203150.jpg"/>
<img width="30%" style="margin-left:5%;max-width:260px;" src="https://web-assets.dcloud.net.cn/unidoc/zh/3bb2b4c4-1b73-426d-b713-f076aff80868.jpg"/> <img width="30%" style="margin-left:5%;max-width:260px;" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/3bb2b4c4-1b73-426d-b713-f076aff80868.jpg"/>
</div> </div>
由于手机厂商众多，他们各自都有不同的推送服务，包括Apple、google（仅能在海外使用）、华为、小米、oppo、vivo、魅族，以及还有一些没有专业推送服务的中小手机品牌。他们对App后台耗电都有查杀机制，除了微信等大应用，普通应用很难常驻后台。 由于手机厂商众多，他们各自都有不同的推送服务，包括Apple、google（仅能在海外使用）、华为、小米、oppo、vivo、魅族，以及还有一些没有专业推送服务的中小手机品牌。他们对App后台耗电都有查杀机制，除了微信等大应用，普通应用很难常驻后台。
...@@ -66,7 +66,7 @@ DCloud与个推（A股上市公司每日互动）深度合作，为uni-app的开 ...@@ -66,7 +66,7 @@ DCloud与个推（A股上市公司每日互动）深度合作，为uni-app的开
首先开发者的uniCloud应用服务器向uniPush服务器发送push消息，然后 首先开发者的uniCloud应用服务器向uniPush服务器发送push消息，然后
- 如果客户端应用在线，客户端通过socket直接收到push在线消息； - 如果客户端应用在线，客户端通过socket直接收到push在线消息；
- 客户端应用不联网时，`uni-push`服务器根据客户端类型，把push消息发给某个手机厂商的push服务器或小程序的订阅消息服务器；然后厂商push通道会把这条消息发到手机的通知栏或微信的订阅消息里；手机用户点击通知栏消息或小程序订阅消息后，启动App或小程序，客户端才能收到离线消息。 - 客户端应用不联网时，`uni-push`服务器根据客户端类型，把push消息发给某个手机厂商的push服务器或小程序的订阅消息服务器；然后厂商push通道会把这条消息发到手机的通知栏或微信的订阅消息里；手机用户点击通知栏消息或小程序订阅消息后，启动App或小程序，客户端才能收到离线消息。
<img width="100%" src="https://web-assets.dcloud.net.cn/unidoc/zh/cd3e676a-6a3b-44ea-9045-5bc058d0d8ae.png"/></br> <img width="100%" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/cd3e676a-6a3b-44ea-9045-5bc058d0d8ae.png"/></br>
总结下`uni-push`提供的功能： 总结下`uni-push`提供的功能：
...@@ -129,14 +129,14 @@ uni-push产品有2个入口： ...@@ -129,14 +129,14 @@ uni-push产品有2个入口：
1. 通过 HBuilderX(3.5.1及其以上版本)进入 1. 通过 HBuilderX(3.5.1及其以上版本)进入
打开 HBuilderX，双击项目中的 “manifest.json” 文件，选择“App 模块配置”，向下找到“Push(消息推送)”，勾选后，点击 “uniPush” 下面的配置链接。如下图所示： 打开 HBuilderX，双击项目中的 “manifest.json” 文件，选择“App 模块配置”，向下找到“Push(消息推送)”，勾选后，点击 “uniPush” 下面的配置链接。如下图所示：
![](https://web-assets.dcloud.net.cn/unidoc/zh/20220525104554.jpg) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/20220525104554.jpg)
2. 通过开发者中心进入 2. 通过开发者中心进入
使用 HBuilder 账号登录 [开发者中心](https://dev.dcloud.net.cn) ，登录后 使用 HBuilder 账号登录 [开发者中心](https://dev.dcloud.net.cn) ，登录后
会进入“uniPush”-“Uni Push 2.0（支持全端推送）”-“应用信息”，点击“当前应用”选择要操作的应用。 会进入“uniPush”-“Uni Push 2.0（支持全端推送）”-“应用信息”，点击“当前应用”选择要操作的应用。
以上两种方式均可进入uniPush 应用开通界面。如下图所示： 以上两种方式均可进入uniPush 应用开通界面。如下图所示：
![](https://web-assets.dcloud.net.cn/unidoc/zh/uniPush2-info.jpg) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uniPush2-info.jpg)
### 手机号验证 ### 手机号验证
...@@ -147,7 +147,7 @@ uni-push产品有2个入口： ...@@ -147,7 +147,7 @@ uni-push产品有2个入口：
### 填写应用信息 ### 填写应用信息
应用开通 uni-push 功能时，需要提交应用相关信息，如下图所示： 应用开通 uni-push 功能时，需要提交应用相关信息，如下图所示：
![](https://web-assets.dcloud.net.cn/unidoc/zh/uniPush2-info.jpg) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uniPush2-info.jpg)
关联服务空间说明：uni-push2.0需要开发者开通uniCloud。不管您的业务服务器是否使用uniCloud，但专业推送服务器在uniCloud上。 关联服务空间说明：uni-push2.0需要开发者开通uniCloud。不管您的业务服务器是否使用uniCloud，但专业推送服务器在uniCloud上。
...@@ -177,7 +177,7 @@ uni-push产品有2个入口： ...@@ -177,7 +177,7 @@ uni-push产品有2个入口：
## 第三步：客户端操作 ## 第三步：客户端操作
### 名词解释 ### 名词解释
#### 离线推送@offline #### 离线推送@offline
<img width="30%" style="margin-left:20px;margin-top:0;float:right;" src="https://web-assets.dcloud.net.cn/unidoc/zh/20220325203150.jpg"/> <img width="30%" style="margin-left:20px;margin-top:0;float:right;" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/20220325203150.jpg"/>
仅APP端支持，当应用被用户关闭，或者运行到后台时，手机厂商为了省电或释放内存，会终止App后台联网。 仅APP端支持，当应用被用户关闭，或者运行到后台时，手机厂商为了省电或释放内存，会终止App后台联网。
...@@ -197,14 +197,14 @@ uni-push产品有2个入口： ...@@ -197,14 +197,14 @@ uni-push产品有2个入口：
### 客户端启用uniPush2.0 ### 客户端启用uniPush2.0
操作步骤打开`manifest.json` - `App模块配置` - 中勾选`uniPush 2.0` - `重新编译项目` 操作步骤打开`manifest.json` - `App模块配置` - 中勾选`uniPush 2.0` - `重新编译项目`
![](https://web-assets.dcloud.net.cn/unidoc/zh/20220525105852.jpg) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/20220525105852.jpg)
![](https://web-assets.dcloud.net.cn/unidoc/zh/20220525105914.jpg) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/20220525105914.jpg)
![](https://web-assets.dcloud.net.cn/unidoc/zh/87accaa0-e6a4-4916-9a74-87719142abaa.jpg) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/87accaa0-e6a4-4916-9a74-87719142abaa.jpg)
其他小程序启用方式参考微信小程序，这里不一一列举 其他小程序启用方式参考微信小程序，这里不一一列举
在`manifest.json`中配置完之后，需要重新编译项目，即：点击如图`重新运行`按钮 在`manifest.json`中配置完之后，需要重新编译项目，即：点击如图`重新运行`按钮
<img width="50%" style="max-width:260px;" src="https://web-assets.dcloud.net.cn/unidoc/zh/WechatIMG589.jpeg"/> <img width="50%" style="max-width:260px;" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/WechatIMG589.jpeg"/>
#### 小程序中使用uni-push2.0的白名单配置@useinmp #### 小程序中使用uni-push2.0的白名单配置@useinmp
...@@ -286,9 +286,9 @@ uni-push的服务端sdk的体积不小，没有内置在云函数中。在需要 ...@@ -286,9 +286,9 @@ uni-push的服务端sdk的体积不小，没有内置在云函数中。在需要
- HBuilderX 中新建云函数时可选择uni-cloud-push扩展库，或者如下图所示在已有的云函数目录点右键选择“管理公共模块或扩展库依赖” - HBuilderX 中新建云函数时可选择uni-cloud-push扩展库，或者如下图所示在已有的云函数目录点右键选择“管理公共模块或扩展库依赖”
<img style="width:80%;max-width:600px;margin:0 10%" src="https://web-assets.dcloud.net.cn/unidoc/zh/uniPush-glkzk.jpg"/> <img style="width:80%;max-width:600px;margin:0 10%" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uniPush-glkzk.jpg"/>
</br> </br>
<img style="width:80%;max-width:450px;margin:0 10%" src="https://web-assets.dcloud.net.cn/unidoc/zh/uniPush-kzk.jpg"/> <img style="width:80%;max-width:450px;margin:0 10%" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uniPush-kzk.jpg"/>
</br> </br>
下面是一个开启了`uni-cloud-push`扩展库的云函数的package.json示例，**注意不可有注释，以下文件内容中的注释仅为说明，如果拷贝此文件，切记去除注释** 下面是一个开启了`uni-cloud-push`扩展库的云函数的package.json示例，**注意不可有注释，以下文件内容中的注释仅为说明，如果拷贝此文件，切记去除注释**
...@@ -341,4 +341,4 @@ uni-id-pages已经内置：在登录账号、退出账号、切换账号、token ...@@ -341,4 +341,4 @@ uni-id-pages已经内置：在登录账号、退出账号、切换账号、token
此外uni-push2.0 还提供了uni-admin中的web控制台[uni-push-admin](https://ext.dcloud.net.cn/plugin?name=uni-push-admin)。如图，包含消息推送、推送统计等功能的， 此外uni-push2.0 还提供了uni-admin中的web控制台[uni-push-admin](https://ext.dcloud.net.cn/plugin?name=uni-push-admin)。如图，包含消息推送、推送统计等功能的，
![](https://web-assets.dcloud.net.cn/unidoc/zh/f981f620-f9de-11ec-8412-6b7a68f609ab_0.jpg) ![](https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/f981f620-f9de-11ec-8412-6b7a68f609ab_0.jpg)
docs/univerify.md
浏览文件 @ 6a735acf
...@@ -647,7 +647,7 @@ uniCloud产生的费用对于一键登陆可以忽略，[详见](/uniCloud/unive ...@@ -647,7 +647,7 @@ uniCloud产生的费用对于一键登陆可以忽略，[详见](/uniCloud/unive
- **使用有其他疑问** - **使用有其他疑问**
欢迎扫码加入 一键登录 微信交流群讨论： 欢迎扫码加入 一键登录 微信交流群讨论：
<br/><img src="https://web-assets.dcloud.net.cn/unidoc/zh/Dcloud-%E4%B8%80%E9%94%AE%E8%AE%A4%E8%AF%81.png" width="250"/> <br/><img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/Dcloud-%E4%B8%80%E9%94%AE%E8%AE%A4%E8%AF%81.png" width="250"/>
......
docs/worktile/auto/hbuilderx-extension/index.md
浏览文件 @ 6a735acf
...@@ -27,7 +27,7 @@ ...@@ -27,7 +27,7 @@
如下图所示，在插件市场，进入[插件详情页](https://ext.dcloud.net.cn/plugin?id=5708)，点击【导入插件】，会自动拉起本地安装的HBuilderX。 如下图所示，在插件市场，进入[插件详情页](https://ext.dcloud.net.cn/plugin?id=5708)，点击【导入插件】，会自动拉起本地安装的HBuilderX。
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/plugins_install_1.jpeg" style="zoom: 50%;border: 1px solid #eee;border-radius: 5px;"/> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/plugins_install_1.jpeg" style="zoom: 50%;border: 1px solid #eee;border-radius: 5px;"/>
> 特别注意：插件安装，依赖HBuilderX 终端插件。 > 特别注意：插件安装，依赖HBuilderX 终端插件。
...@@ -52,7 +52,7 @@ uni-app普通项目，`初始化测试环境`或`运行测试`时，如果未安 ...@@ -52,7 +52,7 @@ uni-app普通项目，`初始化测试环境`或`运行测试`时，如果未安
注意：安装环境依赖时，如果检测到项目下不存在测试配置文件[env.js](/docs/file/env)和[jest.config.js](../../auto/quick-start?id=jestconfigjs)，则会自动创建测试配置文件。 注意：安装环境依赖时，如果检测到项目下不存在测试配置文件[env.js](/docs/file/env)和[jest.config.js](../../auto/quick-start?id=jestconfigjs)，则会自动创建测试配置文件。
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/env_install.gif" style="zoom: 70%;border: 1px solid #eee; border-radius: 10px;"/> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/env_install.gif" style="zoom: 70%;border: 1px solid #eee; border-radius: 10px;"/>
### uniapp-cli项目@cli ### uniapp-cli项目@cli
...@@ -67,13 +67,13 @@ npm install --save cross-env puppeteer adbkit node-simctl jest playwright @playw ...@@ -67,13 +67,13 @@ npm install --save cross-env puppeteer adbkit node-simctl jest playwright @playw
uni-app项目，pages页面，右键菜单，创建测试用例 uni-app项目，pages页面，右键菜单，创建测试用例
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/testcase_create.gif" style="zoom: 70%;border: 1px solid #eee;border-radius: 15px;"/> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/testcase_create.gif" style="zoom: 70%;border: 1px solid #eee;border-radius: 15px;"/>
## 测试运行@test-run ## 测试运行@test-run
创建测试用例之后，选中项目，右键菜单【运行uni-app自动化测试】，选择运行平台，即可开始运行测试。 创建测试用例之后，选中项目，右键菜单【运行uni-app自动化测试】，选择运行平台，即可开始运行测试。
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/run_test.gif" style="zoom: 70%;border: 1px solid #eee;border-radius: 10px;"/> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/run_test.gif" style="zoom: 70%;border: 1px solid #eee;border-radius: 10px;"/>
**注意**：如果要运行指定的测试用例，请在项目管理器**选中**要运行的用例，右键菜单【运行当前测试用例】 **注意**：如果要运行指定的测试用例，请在项目管理器**选中**要运行的用例，右键菜单【运行当前测试用例】
...@@ -88,20 +88,20 @@ uni-app项目，pages页面，右键菜单，创建测试用例 ...@@ -88,20 +88,20 @@ uni-app项目，pages页面，右键菜单，创建测试用例
如下图所示，运行测试时，支持选择对应平台。 如下图所示，运行测试时，支持选择对应平台。
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/test_platforms.png" style="zoom: 50%;border: 1px solid #eee;border-radius: 5px;"/> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/test_platforms.png" style="zoom: 50%;border: 1px solid #eee;border-radius: 5px;"/>
### 选择设备@select-devices ### 选择设备@select-devices
> 如果无法获取到设备信息，请[参考](tutorial/run/run-app-faq.md) > 如果无法获取到设备信息，请[参考](tutorial/run/run-app-faq.md)
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/uni-app-test-select-device.jpg" style="zoom: 45%;border: 1px solid #eee;border-radius: 5px;"/> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni-app-test-select-device.jpg" style="zoom: 45%;border: 1px solid #eee;border-radius: 5px;"/>
## 插件配置@extension-config ## 插件配置@extension-config
点击菜单【设置】【插件配置】，找到hbuilderx-for-uniapp-test项，即可看到设置项。 点击菜单【设置】【插件配置】，找到hbuilderx-for-uniapp-test项，即可看到设置项。
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/plugins_settings.png" style="zoom: 50%;border: 1px solid #eee;border-radius: 5px;"/> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/plugins_settings.png" style="zoom: 50%;border: 1px solid #eee;border-radius: 5px;"/>
**如上图** **如上图**
...@@ -151,7 +151,7 @@ describe("sum test", () => { ...@@ -151,7 +151,7 @@ describe("sum test", () => {
编写测试用例，检查`index.vue`页面，标题是否为`Hello` 编写测试用例，检查`index.vue`页面，标题是否为`Hello`
<img src="https://web-assets.dcloud.net.cn/unidoc/zh/uniapp-test-example.jpg" style="zoom: 50%;border: 1px solid #eee;border-radius: 20px;"/> <img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uniapp-test-example.jpg" style="zoom: 50%;border: 1px solid #eee;border-radius: 20px;"/>
```js ```js
describe('test title', () => { describe('test title', () => {
......
Markdown is supported
0% 或 .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑！
想要评论请 注册 或