如何获取已有canvas-sketch文件的本地服务器地址及解决访问问题？

一、重新启动服务获取有效地址 #

要拿到可用的本地服务器地址，必须通过canvas-sketch命令启动对应文件的服务，步骤如下：

• 打开终端，切换到你的sketch文件所在目录，例如文件在~/my-sketches文件夹下，执行：

  cd ~/my-sketches
  

• 找到目标sketch文件（比如demo-sketch.js），运行启动命令：

  canvas-sketch demo-sketch.js --open
  

  执行后终端会输出服务器地址，格式类似：

  Server running at http://127.0.0.1:9966/
  Server running at http://192.168.x.x:9966/
  直接复制上述地址在浏览器打开即可。

二、旧地址无法访问的排查与解决 #

之前的地址失效通常是以下原因，对应处理即可：

• 服务已停止：之前启动的本地服务进程可能已经关闭，按上面的步骤重新启动服务，就能生成新的有效地址。
• IP地址变动：设备的局域网IP可能因重启路由器、切换网络等原因更新，重新启动服务后，终端会输出当前的正确IP地址，使用新地址访问。
• 端口被占用：如果启动时提示端口9966被占用，可指定新端口启动：

  canvas-sketch demo-sketch.js --port 8888 --open
  

  此时终端会输出使用8888端口的新地址，用该地址访问即可。

三、注意：不要用open命令直接打开文件 #

open 文件名是系统默认用文本编辑器打开文件的命令，无法启动本地服务，必须使用canvas-sketch命令运行sketch文件才能启动服务并获取地址。

内容的提问来源于stack exchange，提问作者Aneesa Loonat