远飞闲记

阅读、思考、技术

构建Facebook Instant Game本地测试环境

🗓️发布日期:2020-01-11 · 🗺️总字数: 270 字 · ⏱️阅读时间: 1 Minute

1要安装步骤

  1. 进入游戏本地目录,执行以下npm安装命令

    $ npm install -g http-server
    
  2. 按顺序执行以下命令生成ssl证书:

    openssl genrsa 2048 > key.pem
    openssl req -x509 -days 1000 -new -key key.pem -out cert.pem
    
  3. 通过以下命令启动服务器:

    http-server --ssl -c-1 -p 8080 -a localhost
    
  4. 在浏览器中,替换以下URL中 YOUR_GAME_ID (Facebook应用ID) 来打开对应的小游戏:

    1
    2
    
        https://www.facebook.com/embed/instantgames/YOUR_GAME_ID/player?game_url=https://localhost:8080
        

QA

打开过程中提示证书失败,根据浏览器版本设置如下:

  1. Safari设置如下:在浏览器中打开 https://localhost:8080 ,会提示访问失败证书错误,直接进行信任输入密码,然后在打开上边的嵌入式URL
  2. Chrome 在浏览器中访问 chrome://flags/#allow-insecure-localhost 然后下拉选择 Enable ,重启浏览器后就可以正常访问

  1. 测试、发布和分享小游戏 ↩︎

🏷️ 技术 Facebook