連結：https://developers.sap.com/tutorials/cp-kyma-frontend-ui5-mssql.html

本地檔案：C:\Code\referenceCode\SAP Kyma教程例子\frontend-ui5-mssql

dockerfile 的內容：

![](https://img-blog.csdnimg.cn/img_convert/ce5e450d709061d6df31fcbb6dc11945.png)

```dockerfile
# build environment
FROM node:current-slim as build
WORKDIR /app
COPY package.json ./
RUN npm install
COPY . .
RUN npm run-script build

# production environment
FROM nginx:alpine
COPY --from=build /app/dist /usr/share/nginx/html
```
WORKDIR /app

> The WORKDIR instruction sets the working directory for any RUN, CMD, ENTRYPOINT, COPY and ADD instructions that follow it in the Dockerfile. If the WORKDIR doesn’t exist, it will be created even if it’s not used in any subsequent Dockerfile instruction.

將接下來的 RUN, CMD, ENTRYPOINT, COPY 和 ADD 指令設定工作目錄。

可以重複使用：

```dockerfile
WORKDIR /a
WORKDIR b
WORKDIR c
RUN pwd
```

The output of the final pwd command in this Dockerfile would be /a/b/c.

## COPY package.json ./

> The COPY instruction copies new files or directories from <src> and adds them to the filesystem of the container at the path <dest>.

COPY sourcr target, 注意，target 指的是容器檔案系統內的路徑。

target 可以是相對路徑或者絕對路徑。

相對路徑的例子：COPY test.txt relativeDir/

在執行時，實際上是：WORKDIR/relativeDir/

絕對路徑的例子：COPY test.txt /absoluteDir/

首先執行 npm install：

![](https://img-blog.csdnimg.cn/img_convert/3bbce1f501ac456ade9aecd6b9aa387a.png)

本地命令列啟動 SAP UI5：

> npm run-script start

之後 localhost：8080 即可訪問：

![](https://img-blog.csdnimg.cn/img_convert/18b116e85f7a8f15cdd98779d4975bdc.png)

構建 docker 映象：

> docker build -t i042416/fe-ui5-mssql -f docker/Dockerfile .

發現在 windows 上打包有點問題：

> current-slim: Pulling from library/node
no matching manifest for windows/amd64 10.0.19042 in the manifest list entries
![](https://img-blog.csdnimg.cn/img_convert/28d269fdbc5d9f1510bda60b6bc8c7ac.png)

docker desktop 裡，將容器型別切換成 linux container，重試。

![](https://img-blog.csdnimg.cn/img_convert/7b20b3a0e396697a57a015c2e4fcc69b.png)

切換之後就可以成功構建了：

![](https://img-blog.csdnimg.cn/img_convert/d4a521cee4f57a5c30616bd0280100f0.png)

然後將該映象上傳到 docker hub：

> docker push i042416/fe-ui5-mssql

上傳成功：
![](https://img-blog.csdnimg.cn/img_convert/64ff524a90b83d7ca2e5f1fc7c7d64be.png)

在 SAP Kyma dev namespace 上部署一個 APIRule，其作用是，將應用暴露給 internet 訪問。

![](https://img-blog.csdnimg.cn/img_convert/08b16ec718e28bfba3a3f4014d295b7f.png)

![](https://img-blog.csdnimg.cn/img_convert/fce9f37fcf12f435d3ca28b17e8d06c3.png)

deployment 成功：
![](https://img-blog.csdnimg.cn/img_convert/2ff34b47806bd88da013b54efdb3680b.png)

部署 configmap.yaml, 指定 SAP UI5 消費後臺服務的 url：
![](https://img-blog.csdnimg.cn/img_convert/87fecafae8c112b8cffebe3447332e1d.png)

![](https://img-blog.csdnimg.cn/img_convert/32a47d09bf2fff0ce701ba8f76737b24.png)

上傳一個 deployment，映象使用我之前 docker build 生成的映象：
![](https://img-blog.csdnimg.cn/img_convert/abd6c2a99b52f4633397f06991bba990.png)

部署成功：
![](https://img-blog.csdnimg.cn/img_convert/9e9745fb51ee088e452849ea84fc6c87.png)

點選 api rule，即可得到 SAP UI5 公網訪問的 url 了：

https://fe-ui5-mssql.c-46d70f2.kyma.shoot.live.k8s-hana.ondemand.com/

![](https://img-blog.csdnimg.cn/img_convert/b7b3d961d26a449183749e264a9cd130.png)</dest></src>

把 SAP UI5 應用部署到 SAP Kyma

相關文章