安装UI - 前后端分离

Beaver Payment UI代码仓库地址

https://github.com/WhiteRiverBay/beaver-payment-ui

假设您已经拥有了cloudflare账号和github账号（此处不再赘述）

在Beaver Payment UI的代码库中，点击fork，fork一个自己的分支
修改.env.prod 文件中的REACT_APP_API值，修改为您自建的Beaver Payment API服务器接口地址，然后commit & push
在cloudflare中创建一个pages项目
关联自己的github库，找到fork出来的beaver-payment-ui库地址，在配置阶段，请设置 Build Command（构建命令）的值为：npm run build:prod， Build output（输出的目录）值为：build
下一步，系统会自动构建和部署
在pages的custom-domain中绑定ui单独的域名，假设是 ui.beaverpayment.com，这个地址在之后需要配置到sdk中。
在浏览器中打开上一步绑定的单独域名，如果显示出来了网页，则部署成功。

编译代码

git clone https://github.com/WhiteRiverBay/beaver-payment-ui
cd beaver-payment-ui
vim .env.prod # 修改服务端接口地址
npm run build:prod

将build目录复制出来，部署到自己的nginx、s3或者其它服务器中。并完成域名和https证书配置。

此处的build也可以直接上传到cloudflare的pages服务进行部署。

您应当为ui页面所在的服务器配置域名和https支持

Last updated 5 months ago