Day10 - 如何用手机连 Ruby on Rails Local 开发中的专案

前言

在开发时，除了用 Chrome 开发者工具切成不同尺寸确认外，若想在手机上操作的话...

说明

1. 首先，电脑和手机都要在同区域网路 LAN (白话意思就是连同个 Wi-Fi)

2. 电脑的 `rails server` 要启动着，输入以下

# 若想用别的 port 则把 4000 改掉

rails s -p 4000 -b 0.0.0.0

3. 查询电脑的区域网路的 IP 位址

Mac 查询方式

方法1

在终端机输入 ipconfig getifaddr en0，便会回传 IP 位址

方法2

Windows 查询方式

方法1

在「命令提示字元」(cmd) 中，输入 ipconfig /all ，找到「IPv4 位址」

方法2

4. 手机输入网址

# 假设电脑的区域网路 IP 是 192.168.1.52

http://192.168.1.52:4000/

以上便大功告成，可以用手机连 Local 专案了

若 routes 有设定特定 (constraints) 的 subdomain 才能连线的话，可以透过 nip.io 或 xip.io ...等 DNS services 处理，网址改输入以下

# 无指定 subdomain
http://192.168.1.52.nip.io:4000/

# 指定 subdomain
http://river.192.168.1.52.nip.io:4000/

---

# 都是指向 192.168.1.52
        192.168.1.52.nip.io   resolves to   192.168.1.52
    www.192.168.1.52.nip.io   resolves to   192.168.1.52
 mysite.192.168.1.52.nip.io   resolves to   192.168.1.52
foo.bar.192.168.1.52.nip.io   resolves to   192.168.1.52
        192.168.1.52.nip.io   resolves to   192.168.1.52

小结

在 Rails 6 以上，若遇到 Blocked host ，照着错误讯息提示跟着做便可解决，若都不验证的话，直接加 config.hosts.clear 即可。

也可以使用 ngrok 来实现同样的目的

# config/environments/development.rb

Rails.application.configure do
  # 增加特定白名单
  config.hosts << "river.192.168.1.52.nip.io"

  # 都不挡 
  config.hosts.clear
end

# 改完 config 的档案，railse server 要重启