# 部署教程（中文版）

<table data-header-hidden><thead><tr><th width="99.66666666666669"></th><th width="433"></th><th></th></tr></thead><tbody><tr><td><strong>步骤</strong></td><td><strong>描述</strong></td><td><strong>截图</strong></td></tr><tr><td>1<br></td><td>点击图中的「deploy」按钮，进入到搭建页面</td><td><img src="https://2716520366-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsGML6P4f61r7yqdkdFku%2Fuploads%2Fs7VY9QoBCMWuoSk0P9xa%2Fimage.png?alt=media&#x26;token=9aa9766c-6f7e-451d-9d55-b9d05146949b" alt=""></td></tr><tr><td>2</td><td>点击「Continue with Github」，开始搭建</td><td><img src="https://2716520366-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsGML6P4f61r7yqdkdFku%2Fuploads%2F3Pr7l6zvaOVGws1HZCLw%2Fimage.png?alt=media&#x26;token=a80db624-378c-4f37-8f71-39bd4f0d465d" alt=""></td></tr><tr><td>3</td><td>点击「Github」输入之前准备好的Github账号进行登录</td><td><img src="https://2716520366-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsGML6P4f61r7yqdkdFku%2Fuploads%2FjXsnEQLfpeu9nDdWNovK%2Fimage.png?alt=media&#x26;token=658b5f7c-f1f7-4353-8afd-b814adedecbc" alt=""></td></tr><tr><td>4</td><td><p>登录之后来到这个页面，在方框的位置，随便输入一个名称（英文），点击「create」创建项目</p><p>系统会默认填一个的，也可以自己修改</p><p><br></p></td><td><img src="https://2716520366-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsGML6P4f61r7yqdkdFku%2Fuploads%2FmhOv8sI1qcHDghPiv2GN%2Fimage.png?alt=media&#x26;token=5c8c1733-06ec-4e6d-8b9d-eed2ecd253af" alt=""></td></tr><tr><td>5</td><td><p>稍等片刻，你将会跳转到API Key 配置的位置（如图所示）</p><ul><li>OPENAI_API_KEY 为必填，为你自己的openai 的API key</li></ul></td><td><img src="https://2716520366-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsGML6P4f61r7yqdkdFku%2Fuploads%2F50zmRJ6cdsCS3M13uoWR%2Fimage.png?alt=media&#x26;token=f24ca793-a373-4d1b-a6c4-8f2fe782c740" alt=""></td></tr><tr><td>6</td><td>此时打开ChatGPT网站登录，找到APIkey，点击「create new secret key」https://platform.openai.com/account/api-keys<br></td><td><img src="https://2716520366-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsGML6P4f61r7yqdkdFku%2Fuploads%2FcJFLobajVpDW544YHjBg%2Fimage.png?alt=media&#x26;token=e2ba03b5-7581-4d51-9575-acc819df9276" alt=""></td></tr><tr><td>7</td><td>点击「复制」按钮，复制API key</td><td><img src="https://2716520366-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsGML6P4f61r7yqdkdFku%2Fuploads%2FXMnCrbKy5BcXaN1mDuX1%2Fimage.png?alt=media&#x26;token=403a5cb1-c8b5-47be-81c9-8d5578f1a851" alt=""></td></tr><tr><td>9</td><td>回到之前API key配置的页面，填入key（如图所示）</td><td><img src="https://2716520366-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsGML6P4f61r7yqdkdFku%2Fuploads%2F7wCNnwxaMlxsK3hSshvh%2Fimage.png?alt=media&#x26;token=cf3dfb26-2e47-40c1-839a-2a79b05b7555" alt=""></td></tr><tr><td>10</td><td>点击「deploy」按钮，开始部署，一般需要1-2min，耐心等待片刻</td><td><img src="https://2716520366-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsGML6P4f61r7yqdkdFku%2Fuploads%2FH4TruhTneV7Rm4ThPQLx%2Fimage.png?alt=media&#x26;token=85e65937-c210-416d-bfd8-301788ec9915" alt=""></td></tr><tr><td>11</td><td>显示这个页面即表示搭建成功</td><td><img src="https://egqz2y6eul.feishu.cn/space/api/box/stream/download/asynccode/?code=OWQzZjVmYjkyMWJlNTU3YmQxNjZjOGYwY2RjNDM2ZTZfMFNsRkdBY2JCNFRiM242bHpWa3M0Tzl0amlRR0twQk5fVG9rZW46VGhGbGJLU0g2b3lDT1B4aVNhVWNkcW9TbnpjXzE2ODI0ODg2NjI6MTY4MjQ5MjI2Ml9WNA" alt=""></td></tr><tr><td>13</td><td>点击左侧红框位置即可进入搭建好的专属网站</td><td><img src="https://2716520366-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsGML6P4f61r7yqdkdFku%2Fuploads%2FYNc5gvhVmu7Qd2dIV2gh%2Fimage.png?alt=media&#x26;token=3e941154-8a96-4098-9c62-a153714a29a3" alt=""></td></tr><tr><td>14</td><td>现在可以尝试和AutoGPT进行对话啦～</td><td><img src="https://2716520366-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsGML6P4f61r7yqdkdFku%2Fuploads%2FRK7PsyalvRby7D7CeuZN%2Fimage.png?alt=media&#x26;token=7b283110-8e06-47b4-936b-b753efbc0e36" alt=""></td></tr></tbody></table>

#### 补充说明：

AutoGPT-Next-Web还支持访问码控制，只有用户输入访问码时才能访问你的网站，否则无法正常使用，具体操作方法如下

<table data-header-hidden><thead><tr><th width="102.66666666666669"></th><th width="438"></th><th></th></tr></thead><tbody><tr><td><strong>步骤</strong></td><td><strong>描述</strong></td><td><strong>截图</strong></td></tr><tr><td>1</td><td>找到项目中的「setting」-「Environment Variables」</td><td><img src="https://2716520366-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsGML6P4f61r7yqdkdFku%2Fuploads%2F60AUPvJBcfUIM6cQO6jq%2Fimage.png?alt=media&#x26;token=540de609-5c73-49e0-958c-979b27ba5e53" alt=""></td></tr><tr><td>2</td><td>在key的位置填入<code>NEXT_PUBLIC_GUEST_KEY</code></td><td><img src="https://2716520366-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsGML6P4f61r7yqdkdFku%2Fuploads%2F45XFxX17OW5oM2aaBKMD%2Fimage.png?alt=media&#x26;token=cea41e0c-fc03-4593-8ec8-ec9d463e790b" alt=""></td></tr><tr><td>3</td><td>在Value的位置填入你的访问码，比如<code>abcde</code>，然后点击「save」保存<br></td><td><img src="https://2716520366-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsGML6P4f61r7yqdkdFku%2Fuploads%2FgPM8d7WG8HuCdqEceWHB%2Fimage.png?alt=media&#x26;token=e27d2744-0b4b-4ddb-b8af-166c40fbf8ac" alt=""></td></tr><tr><td>4</td><td>点击Project进入到页面，然后点击页面</td><td><img src="https://2716520366-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsGML6P4f61r7yqdkdFku%2Fuploads%2FkxXgX0cpRsvd52nPvj3t%2Fimage.png?alt=media&#x26;token=c1c944dd-ae0f-49b4-b7c9-cc3f6a71d6f7" alt=""></td></tr><tr><td>5</td><td>点击redeploy，重新部署（不会影响之前的数据）即可</td><td><img src="https://2716520366-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsGML6P4f61r7yqdkdFku%2Fuploads%2FyJPrAsATaXHZi6CWvsKB%2Fimage.png?alt=media&#x26;token=6798b8de-ccc9-415c-b988-188e2d9ebb95" alt=""></td></tr><tr><td>6</td><td>这时候访问码就生效了，只有在设置页面输入访问码才可以使用</td><td><img src="https://2716520366-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsGML6P4f61r7yqdkdFku%2Fuploads%2FrlmLmJStQLGDkPj72xi0%2Fimage.png?alt=media&#x26;token=cf116484-7a19-42cd-8ef7-4e181c18e758" alt=""></td></tr></tbody></table>

### 绑定域名

通过网站部署，这时候我们已经可以拥有自己专属的AutoGPT网站啦，但是还需要翻墙才能访问，怎么办呢？非常简单，绑定一个域名即可，我们接下来进入到注册绑定域名的步骤中

<table data-header-hidden><thead><tr><th width="107.66666666666669"></th><th width="442"></th><th></th></tr></thead><tbody><tr><td><strong>步骤</strong></td><td><strong>描述</strong></td><td><strong>截图</strong></td></tr><tr><td>1</td><td>进入name 并注册，https://www.name.com/zh-cn/<br></td><td><img src="https://2716520366-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsGML6P4f61r7yqdkdFku%2Fuploads%2F2DB1OWnVUoCGxRKC6Q18%2Fimage.png?alt=media&#x26;token=1cd8ff84-5939-4b23-96f7-a6ed5abc49f9" alt=""></td></tr><tr><td>2</td><td><p>输入自己想要注册的域名，进行搜索，然后添加到购物车</p><p>我们可以挑一些非com结尾的域名，价格会便宜一些，一般10-20元即可</p></td><td><img src="https://2716520366-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsGML6P4f61r7yqdkdFku%2Fuploads%2FYY9NGu0aCN4c3A4iIjof%2Fimage.png?alt=media&#x26;token=29e2adfb-5c48-497f-bc26-8a8ee18e1809" alt=""><br></td></tr><tr><td>3</td><td>点击页面右上角购物车，进入到域名购买流程<br></td><td><img src="https://2716520366-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsGML6P4f61r7yqdkdFku%2Fuploads%2Ftu6Mof2DOFkp7T5Rxjdz%2Fimage.png?alt=media&#x26;token=788a97f7-c457-4cd2-a80d-1cf2be6d4e45" alt=""></td></tr><tr><td>4</td><td><p>「Advanced Security + Privacy」一般不需要可以删掉，这样费用会少一些</p><p>购买这个主要是用来隐藏域名信息，别人查域名的时候不会看到你的个人信息，一般不是大的域名，没必要买</p></td><td><img src="https://2716520366-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsGML6P4f61r7yqdkdFku%2Fuploads%2FOW1NEZoXyxr0b8hvXrij%2Fimage.png?alt=media&#x26;token=af446472-efc8-479e-b0ff-75c9abb08391" alt=""></td></tr><tr><td>5</td><td><p>点击付款，然后支付宝支付即可</p><p>注意：第一次购买的时候需要填一些域名所有者信息，根据要求随便填就好，不用填很真实的</p></td><td><img src="https://2716520366-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsGML6P4f61r7yqdkdFku%2Fuploads%2FYLR18cvUcFYZ4maXDKJS%2Fimage.png?alt=media&#x26;token=26eecbd0-106b-4562-9e50-bcf7f46cc996" alt=""></td></tr><tr><td>6<br></td><td><p>付款完成之后，回到之前部署成功的页面，点击「add domains」这个页面不见了也没关系，在vercel主页找到这个项目的，然后点击setting，再点击domains，是一样的</p><p><img src="https://2716520366-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsGML6P4f61r7yqdkdFku%2Fuploads%2FQVKZ3hVsNmXxUiRQV9X3%2Fimage.png?alt=media&#x26;token=b30e90c6-5d07-4d88-a57f-b1efb379b640" alt=""></p></td><td><img src="https://2716520366-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsGML6P4f61r7yqdkdFku%2Fuploads%2FcqY9EDeKVrluDYlmtL00%2Fimage.png?alt=media&#x26;token=ffd9ed15-3823-476f-a635-412df2cca26d" alt=""></td></tr><tr><td>7</td><td>输入刚才购买的域名，并点击「add」<br></td><td><img src="https://2716520366-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsGML6P4f61r7yqdkdFku%2Fuploads%2FZ4oMljpqeBvYMoEU29fA%2Fimage.png?alt=media&#x26;token=169925ef-d815-4558-b40e-45bc7bffd3d7" alt=""></td></tr><tr><td>8</td><td>选择第一个，并点击「add」</td><td><img src="https://2716520366-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsGML6P4f61r7yqdkdFku%2Fuploads%2FV3S3daJmPt00KqUT1i9t%2Fimage.png?alt=media&#x26;token=d1bc6e8c-2015-4e53-8552-46e47dc81e6d" alt=""></td></tr><tr><td>9</td><td>这时候会遇到报错，不要慌，这是正常的，是因为还没有添加域名解析<br></td><td><img src="https://2716520366-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsGML6P4f61r7yqdkdFku%2Fuploads%2FrXymmBDcnmg4gFPGHOCp%2Fimage.png?alt=media&#x26;token=b694b087-0d7b-4d5d-8153-afc8db249c78" alt=""></td></tr><tr><td>10</td><td>回到我们刚刚注册域名的网站，点击「my domains」，然后找到刚刚注册的域名点击<br></td><td><img src="https://2716520366-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsGML6P4f61r7yqdkdFku%2Fuploads%2Fjb4WcdIVbWnmSmBHKID7%2Fimage.png?alt=media&#x26;token=d3d98733-216c-4426-bf72-20c1f886993f" alt=""></td></tr><tr><td>11</td><td>进入域名详情页，找到DNS解析入口</td><td><img src="https://2716520366-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsGML6P4f61r7yqdkdFku%2Fuploads%2FZDcEORpcAxQDuTlbhjTP%2Fimage.png?alt=media&#x26;token=dc1fb95e-bcfc-46d4-9af3-eec841b2cdc5" alt=""></td></tr><tr><td>13</td><td>在域名解析页面，输入在步骤「9」提示需要需要添加的解析记录即可，如图所示注意：第二个解析的值在填写的时候需要把最后一个点去掉变成「cname.vercel-dns.com」否则会添加不上去<br></td><td><img src="https://2716520366-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsGML6P4f61r7yqdkdFku%2Fuploads%2FoYgNu9r0aDDbqcV7EilA%2Fimage.png?alt=media&#x26;token=d330ff9c-2075-4c52-b00d-45c3e2518fa2" alt=""></td></tr><tr><td>14</td><td>回到部署页面 https://vercel.com，等待系统自动更新域名解析即可，通常需要1-15分钟，请耐心等待，解析成功后，红框处都会显示✅<br></td><td><img src="https://2716520366-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsGML6P4f61r7yqdkdFku%2Fuploads%2F7vhX585PQYXoQgP321aa%2Fimage.png?alt=media&#x26;token=da8d15f9-5332-4ce0-86a8-5260e3f5fdd6" alt=""></td></tr></tbody></table>

### 完成搭建

已上就完成了全部的搭建工作啦，输入域名即可免翻墙访问进行AutoGPT对话啦～

![](https://2716520366-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsGML6P4f61r7yqdkdFku%2Fuploads%2FCixsfiElCl25VJEfR396%2Fimage.png?alt=media\&token=727a927a-20cc-43e4-96a1-837daecf452a)
