大流量文件不是应该放类 S3 的对象储存和 CDN 吗？动态请求很少会到 5T 吧？

而且我查了下 aliyun 的流量计费是 CNY 1 / GB，这高于 fly.io 的 $0.04 /GB。

https://help.aliyun.com/document_detail/72142.html

我看文档可以使用 process.env.NODE_ENV，其实就是一个环境变量所有 Linux 进程都支持。

我的设置开发环境和生产环境只差了一个 --watch 参数，不太理解什么时候要用到 ENV，你可以贴代码和问题的详情看看要怎么解决。

Heroku 的免费档会停机，fly.io 的免费是不用停机的。

可以，它实际使用 vm 跑而不是 docker。

简单测了下延迟 110ms 左右，理想状况到香港应该是 30ms 左右。好像是路由到日本去了，有不少优化空间。

用 chinaz 测了一下。

fly.io 最快 54ms 最慢 353ms 平均 123.9ms
某云 最快 7ms 最慢 254ms 平均 70.7ms

可以对照下价格表。

https://fly.io/docs/about/pricing/

GeekNote 现在开了一个 shared-cpu-1x 1G 的做 web，512M 的做 worker，一个月共 8.5 刀。postgres 和 redis 服务器在免费额度内。

文件储存还得另找服务 S3 之类，网站本身的流量费不多吧。

不过因为有卷，本地储存也不是不行……

如果几年没用了，那么现在再用体验还是跟几年前一样。因为新的东西都放在企业版里面，价格要问销售。

如果“只”关心企业用户看他怎么发展吧。

小公司更注重开发者客户的体验，heroku 万年不开放其他区域，重心都放在企业客户，我盼望搅局者盼很久了。

我本来也想着下一个，就拿现有项目试试，试着试着就迁移了。😂

附两则趣闻：

1) Phoenix 框架的创建者 Chris McCord 现在在 Fly.io 工作，博客说如果 2013 年 37signals 招了他做员工可能就不会开发 Phoenix 了 https://fly.io/blog/how-we-got-to-liveview/ 。目前 Fly.io 的文档和社区有不少内容是关于 Phoenix 的。

2) Fly.io 的 API 是基于 Rails 开发的 😏

Rails 官方添加了一个教程，如何从 webpacker 切换到 webpack：

https://github.com/rails/jsbundling-rails/blob/main/docs/switch_from_webpacker.md

这个方案是引用 npm 包，安装 npm 包用 yarn 或者 npm 都可以。

例如 yarn add @hotwired/turbo-rails，然后就可以在 app/javascript/application.js 里面：

import "@hotwired/turbo-rails"

esbuild 已经默认把 node_modules 加到 resolving paths 里。

会有重名问题。约定是放到各自的 module 中。

sprockets 和 propshaft 都是实现 assets pipeline 的组件，二选一。propshaft 更精简，解决了一些 sprockets 内部太复杂产生的问题，sprockets 还会继续维护，说不准哪个更长久。如果没遇到 sprockets 引起的问题可以继续用 sprockets，这还是默认。

dartsass-rails 属于 cssbundling 方案，在 assets pipeline 之前编译 css，之后还是交给 assets pipeline 计算 digest 然后在模版里引用。darsass-rails 和 sprockets/propshaft 不是替代关系。

你这又有 importmap 又有 webpacker 的，需要更新参考书，webpacker 已经退役了。

javascript 执行的时候 body 还没解析。

简单的解决方法，可以把 js defer 设 ture，把 js 延后到文档解析完成后执行。

<%= javascript_pack_tag "application", defer: true %>

我看了 bundling 内部实现之后第一想法是这么简单，早这么干就好了。

https://github.com/hotwired/turbo/pull/386

似乎是不支持 data-disable-with 了，新的方法是建议用 css 显隐相关信息，这样更适用于一些复杂的结构——例如显示动画图标。

button                  .show-when-disabled { display: none; }
button[disabled]        .show-when-disabled { display: initial; }

button                  .show-when-enabled { display: initial; }
button[disabled]        .show-when-enabled { display: none; }

<button>
  <span class="show-when-enabled">Submit</span>
  <span class="show-when-disabled">Submitting...</span>
</button>

rails-ujs 应该要移除了，新创建一个项目没看到 ujs。

es module 是有作用域的，哪个地方 import 只会在当前作用域有效。你可以：

1) 在 application 里 import 之后挂到全局变量 window

import OrgChart from "./src/orgchart"

window.OrgChart = OrgChart

2) 在页面内 import

<script type="module">
import OrgChart from "./src/orgchart" 

orgchart = new OrgChart({
  ///
})
</script>

这个点还没睡的人，一定还没睡吧。

上次讨论这个话题……那还是在上次

已更新分 part 录像，地址见顶楼。

webpacker 6 的改变是正确的方向，对 webpack 有深度集成需求的可以继续用 webpakcer。（例如需要 HMR）

我对 webpack 的插件没有需求，只想 bundle es6 module，那么 esbuild 用起来更简单。

像阿里云个人版是免费

在 github actions 里面构建镜像，然后推到云服务的 docker registry。

发现楼主第二点已经说了

docker-compose.yml 里面修改 db service，加上：

networks:
 - kong-net

不然 web 无法访问 db servcie。

其实如果三个 servie 都不加 networks 配置就是可以互相访问的，加了就隔离了。

官方文档 https://docs.docker.com/compose/networking/

去掉 self.table_name = 'posts' 看看，我觉得这行已经覆盖了 prefix。

form_with 加个 method: :get