因为穷 域名 服务器 数据库都挺贵的 所以找到的这个 非常nice的前端部署

开始想搞unicloud的前端静态托管的 后来发现只有静态页面 一点交互都做不了
找找找 最后找到这个简单 方便的在线部署 不需要服务 也不需要域名 自己玩还是很不错的
相比于别的在线部署 可能操作步骤什么的比较简单

netlify 有点像rn-expo go的官网

netlify 网址链接

  1. 没登录需要登录记录用户信息 和后边部署的历史记录什么的
    在这里插入图片描述

  2. 首先 这个是关联 gitHub和gitLab的 具体还有其他代码库 这里我指定了gitHub

  3. 先把代码提交到gitHub上 之后点击这个gitHub关联仓库 出现弹窗不需要操作 等待就可以
    在这里插入图片描述

  4. 关联完成后会跳转页面 他会列出gitHub的几个代码仓库选择要部署的仓库跳到下个页面
    在这里插入图片描述
    team 是netlify的团队
    Site name 可以填一个自定义url 最后生成地址会使用这个url 比如: 填写了aaa 最后生成的就是https://aaa.netlify.app/ 这样的地址

其他没有特殊指定就不需要动 跳到第7步

如果有改动比如: npm i --legacy-peer-deps这种需要点击
Add environment variables按钮
然后 选择 add key/value pairs 会出现配置输入框 进行第6步

  1. 填写配置项
    在这里插入图片描述
    key: NPM_FLAGS
    value: --legacy-peer-deps
    注意空格
  2. 完成后 点击 Deploy xxx代码仓库名称 (蓝色背景的按钮)
  3. 等待后会自动跳到
    在这里插入图片描述
    点击 Poduction deploys进入详情页面
  4. Deploy settings 修改配置 Trigger deploy -> Deploy site 会重新部署 下边带绿色背景的点击进去后进入10
    在这里插入图片描述
  5. Open会打开这个部署后的链接
    在这里插入图片描述
    然后就可以访问了 具体会保留多久不太确定我还没有等待过过期时候
    至于后端 看个人了 个人主打一个白嫖 所以后端用的unicloud 把uniapp-unicloud单独抽离出来做的服务端 生成http链接进行请求 结束后配一下白名单解决域名问题 就可以
Logo

北京人形旗下天工造物具身智能开源社区,聚焦具身天工与慧思开物两大平台

更多推荐