Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
你丑我先上
unidocs-zh
提交
01cc3f0f
U
unidocs-zh
项目概览
你丑我先上
/
unidocs-zh
与 Fork 源项目一致
Fork自
DCloud / unidocs-zh
通知
1
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
U
unidocs-zh
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
01cc3f0f
编写于
9月 23, 2021
作者:
雪洛
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
docs: 格式化文档
上级
8656596d
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
32 addition
and
27 deletion
+32
-27
docs/collocation/ssr.md
docs/collocation/ssr.md
+32
-27
未找到文件。
docs/collocation/ssr.md
浏览文件 @
01cc3f0f
...
@@ -172,40 +172,45 @@ export default {
...
@@ -172,40 +172,45 @@ export default {
**前置步骤**
**前置步骤**
-
开通
[
uniCloud
](
https://unicloud.dcloud.net.cn
)
以及
[
前端网页托管
](
https://uniapp.dcloud.net.cn/uniCloud/hosting
)
> **务必完成前置步骤之后再进行后续操作**
-
云函数绑定自定义url化域名,参考文档:
[
云函数Url化
](
https://uniapp.dcloud.net.cn/uniCloud/http
)
-
前端网页托管绑定自定义域名,参考文档:
[
前端网页托管配置域名
](
https://uniapp.dcloud.net.cn/uniCloud/hosting?id=domain
)
1.
开通
[
uniCloud
](
https://unicloud.dcloud.net.cn
)
以及
[
前端网页托管
](
https://uniapp.dcloud.net.cn/uniCloud/hosting
)
-
将前两步部署的域名都配置在跨域配置内,即允许云函数跨域访问前端网页托管内的资源,也允许前端网页托管跨域访问云函数。参考文档:
[
H5中使用uniCloud的跨域处理
](
https://uniapp.dcloud.net.cn/uniCloud/quickstart?id=useinh5
)
2.
云函数绑定自定义url化域名,参考文档:
[
云函数Url化
](
https://uniapp.dcloud.net.cn/uniCloud/http
)
-
从插件市场导入
[
uni-ssr
](
https://ext.dcloud.net.cn/plugin?id=5338
)
到项目内
3.
前端网页托管绑定自定义域名,参考文档:
[
前端网页托管配置域名
](
https://uniapp.dcloud.net.cn/uniCloud/hosting?id=domain
)
4.
将前两步部署的域名都配置在跨域配置内,即允许云函数跨域访问前端网页托管内的资源,也允许前端网页托管跨域访问云函数。参考文档:
[
H5中使用uniCloud的跨域处理
](
https://uniapp.dcloud.net.cn/uniCloud/quickstart?id=useinh5
)
5.
从插件市场导入
[
uni-ssr
](
https://ext.dcloud.net.cn/plugin?id=5338
)
到项目内
**编译发行**
**编译发行**
> 自动部署
**使用HBuilderX发行并自动部署**
需要HBuilderX版本
`3.2.7`
及以上版本
需要HBuilderX版本
`3.2.7`
及以上版本
-
通过
`HBuilderX`
的
`发行菜单->网站 PC-Web或手机H5`
、勾选
`ssr`
、勾选
`将编译后的资源部署在uniCloud前端网页托管`
1.
通过
`HBuilderX`
的
`发行菜单->网站 PC-Web或手机H5`
、勾选
`ssr`
、勾选
`将编译后的资源部署在uniCloud前端网页托管`
-
配置
`uni-ssr`
的云函数URL化路径,请参考文档:
[
云函数URL化
](
https://uniapp.dcloud.net.cn/uniCloud/http
)
> 手动发行部署
![自动部署](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-f184e7c3-1912-41b2-b81f-435d1b37c7b4/c6f8ef98-1bb7-4e62-8981-4b507835ab51.jpg)
2.
配置
`uni-ssr`
的云函数URL化路径,请参考文档:
[
云函数URL化
](
https://uniapp.dcloud.net.cn/uniCloud/http
)
-
配置
`vite.config.js`
中的
`base`
为
`前端网页托管`
地址
**手动发行部署**
```
js
1.
配置
`vite.config.js`
中的
`base`
为
`前端网页托管`
地址
import
{
defineConfig
```js
}
from
'
vite
'
import {
import
uni
from
'
@dcloudio/vite-plugin-uni
'
defineConfig
// https://vitejs.dev/config/
} from 'vite'
export
default
defineConfig
({
import uni from '@dcloudio/vite-plugin-uni'
base
:
'
https://static-xxxx.bspapp.com/
'
,
// uniCloud 前端网页托管资源地址(主要是应用编译后的js,图片等静态资源,可以配置为二级目录)
// https://vitejs.dev/config/
plugins
:
[
export default defineConfig({
uni
(),
base: 'https://static-xxxx.bspapp.com/', // uniCloud 前端网页托管资源地址(主要是应用编译后的js,图片等静态资源,可以配置为二级目录)
],
plugins: [
})
uni(),
```
],
})
```
-
编译:
2.
编译:
cli工程:
`npm run build:h5:ssr`
或通过
`HBuilderX 3.1.16及以上版本`
的
`发行菜单->网站 PC-Web或手机H5`
、勾选
`ssr`
cli工程:
`npm run build:h5:ssr`
或通过
`HBuilderX 3.1.16及以上版本`
的
`发行菜单->网站 PC-Web或手机H5`
、勾选
`ssr`
...
@@ -213,12 +218,12 @@ export default defineConfig({
...
@@ -213,12 +218,12 @@ export default defineConfig({
!
[
以ssr模式发行
](
https://vkceyugu.cdn.bspapp.com/VKCEYUGU-f184e7c3-1912-41b2-b81f-435d1b37c7b4/d7574ced-e253-4b73-8187-86d6a8811364.jpg
)
!
[
以ssr模式发行
](
https://vkceyugu.cdn.bspapp.com/VKCEYUGU-f184e7c3-1912-41b2-b81f-435d1b37c7b4/d7574ced-e253-4b73-8187-86d6a8811364.jpg
)
-
部署静态资源到
[
前端网页托管
](
https://uniapp.dcloud.net.cn/uniCloud/hosting
)
3.
部署静态资源到
[
前端网页托管
](
https://uniapp.dcloud.net.cn/uniCloud/hosting
)
将编译后的
`dist/build/h5/client`
中的资源上传至前端网页托管,推荐使用免费的阿里云服务空间
将编译后的
`dist/build/h5/client`
中的资源上传至前端网页托管,推荐使用免费的阿里云服务空间
-
部署
`uni-ssr`
云函数
4.
部署
`uni-ssr`
云函数
将编译后的
`dist/build/h5/server`
目录拷贝至
`uni-ssr`
云函数根目录,并上传。
将编译后的
`dist/build/h5/server`
目录拷贝至
`uni-ssr`
云函数根目录,并上传。
-
配置
`uni-ssr`
的云函数URL化路径,请参考文档:
[
云函数URL化
](
https://uniapp.dcloud.net.cn/uniCloud/http
)
5.
配置
`uni-ssr`
的云函数URL化路径,请参考文档:
[
云函数URL化
](
https://uniapp.dcloud.net.cn/uniCloud/http
)
\ No newline at end of file
\ No newline at end of file
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录