Hello, everyone, I am Mr. Shu, a programmer. Today I will teach you how to deploy a private and exclusive ChatGPT website " for free ". Even if you don't know programming, you can follow this article to complete the construction, which is very simple.
Why deploy a private ChatGPT website?
There are already many ChatGPT mirror sites in the domestic market, so why do we have to reinvent the wheel? The reasons are nothing more than the following:
- Many ChatGPTs on the market limit the number of times you can use them, and you will be charged when the number of times is used up, so you can cut leeks properly.
- Some sites let you fill in the OpenAI API key, but it is not safe to fill in the API key in other people's sites.
- The most important thing is that it is unstable, and you may not be able to access it if you use it. Few of the sites I used to bookmark are now available.
Therefore, it is better to toss a private and exclusive ChatGPT website by yourself, and you can also share it with your friends, so that you can use it comfortably and play with confidence.
Project selection
1. Here we choose the ChatGPT-Next-Web project (other projects are also available, depending on your preferences). We choose this project because it naturally fits this tutorial, and the UI is also OK. It also has a large built-in prompt list.
2. Vercel was selected for project deployment . The front-end partners should be familiar with it. In fact, Github Pages was considered at the beginning , but the problem with GitHub is that the domestic access speed is very slow, so Vercel is selected here. Compared with GitHub Pages, domestic Accessing Vercel is faster, requires no Internet access, and is free for personal use!
3. Choose CloudFlare for domain name management and CDN acceleration. Personally, I prefer to hand over domain name resolution to CloudFlare for management, and the sites managed by it can be transmitted to multiple locations around the world, greatly improving the speed and performance of the website.
Preparation
This tutorial uses the ChatGPT-Next-Web project, Vercel deployment, and CloudFlare for domain name management and acceleration, so you need to prepare in advance:
1. Github account.
2. Vercel account.
3. CloudFlare account.
4、OpenAI API KEY。
5. A domain name, if you don’t have one, you need to buy it, and how to buy it will be introduced later.
deployment work
1. Fork ChatGPT-Next-Web project in Github to personal warehouse.
2. Click "Add New Project" in Vercel and choose to deploy from Github.
3. Select the project we forked just now to import.
4. Configuration parameters, here mainly add the following two parameters:
- CODE stands for access control of the website, fill in a password you remember here.
- OPENAI_API_KEY Fill in the Key of your OpenAI account.
Here I am giving examples of 111 and 222, depending on your actual situation.
5. Click the "Deploy" button. If it goes well, wait for a while and the successful deployment page will pop up, as well as the exaggerated flowers~
6. Click the "Continue to DashBoard" button to view the deployment information.
7. It can be seen that the domain name chat-gpt-next-web-liart-kappa-35.vercel.app is automatically assigned for us . In fact, it is completed here. However, vercel.app is naturally blocked because it is widely used. If it is lost, you can click on it, but it should not be accessible. Fortunately, Vercel officially provides a separate IP and CNAME address for everyone. For domestic users, they can still enjoy the services provided by Vercel after configuring a separate domain name resolution.
8. Bind a custom domain name. It is assumed that you already have a domain name (if not, please continue to read) , click "View Domains" to enter the domain name configuration page, enter the domain name to be bound, and then click "Add" button to complete adding the custom domain name.
9. Some configurations that need to be done will pop up. Next, we need to go to our domain name provider to configure according to the requirements given by Vercel. If you can’t do this step, you can refer to the following CF domain name management chapter .
10. Now you can access your private and exclusive ChatGPT website through a custom domain name. The first visit may be a bit slow, because Vercel is generating an SSL certificate at this time, please wait patiently for a while~
This is the end of the deployment tutorial. Of course, you can also choose to use Tencent Cloud or Alibaba Cloud servers to deploy independently. If you are interested, you can check the information by yourself, and welcome to communicate with me. Attach the coupons of Tencent Cloud or Alibaba Cloud, and play a small advertisement (●'◡'●).
buy a domain name
If you don’t have a domain name, then you need to buy a domain name that belongs to you. If you buy a domain name well, you can achieve financial freedom early~
You can choose the following channels to purchase:
In addition, you can also choose to get a free domain name from the following platforms:
Friends who have time can try it, I have been fiddled with for a long time and have not applied for it~
- eu.org
- eu.org is a free domain name for organizations in the European Union that requires UK user information to register.
After thinking about it again and again, I chose Namesilo (domestic domain name service providers need real-name authentication), and the reasons for the choice are as follows:
- The price is cheap and stable, no routine
- The price of the Namesilo domain name itself is relatively cheap. The COM domain name is $8.99/year. Except for a one-dollar discount code, there are basically no other major promotions. The domain name renewal fee is the same as the first-year purchase price.
- Routine refers to those that are extremely cheap in the first year, but the renewal fee in the next year is very expensive. For example, Godaddy costs $0.99 for the first year, and RMB 102 for renewal in the second year, and an additional RMB 60 is required for privacy protection.
- Namesilo Price List: Domain Pricing
- Permanent free privacy protection
- Namesilo provides permanent free domain name privacy protection, preventing others from obtaining domain name owner's personal registration information through WHOIS query. For comparison, Godaddy's privacy protection is 60 yuan/year, and Namecheap is free for the first year.
- high security
- Support account login secondary verification and Domain Defender to protect the security of accounts and domain names. Log in, unlock domain name, etc., you can set email or SMS reminders.
- Easy to pay
- Support Alipay, Paypal, credit card and other payment methods.
1. After logging in to the website, search for the domain name you want to apply for in the big search box, and add it to the shopping cart.
2. Then click "Checkout" to proceed to settlement, and fill in my discount code tree1024 to enjoy a discount of 1$ ~
3. Next, fill in the account information, fill in roughly, only fill in the ones with asterisks, please use your usual email address.
4. Choose a payment method. After the purchase is successful, you will receive an official email.
CF domain name management
1. Add the domain name purchased above to Cloudflare for management, click the "Add Site" button, and enter the domain name.
2. Choose the Free plan, because we are building a website personally, and we don't need too many messy functions.
3. Then the overview page appears, and we follow the prompts to complete the name server settings.
4. I purchased the domain name from NameSilo, so I enter the management page of NameSilo, complete the name server replacement, log in to your NameSilo account, click "Manage My Domains" in the upper right corner, and then you will see the picture below, first check the one you want The resolved domain name, and then click "change Nameservers".
5. Fill in the address of the name server in CloudFlare ( athena.ns.cloudflare.com , jake.ns.cloudflare.com ) into Namesilo and save it. The official statement is that the resolution takes effect within 24 hours, but usually within half an hour OK.
6. Go to CloudFlare again, check the name server, and if the check passes, an email will be sent.
7. To configure SSL, first apply for a client SSL certificate in SSL/TLS : SSL/TLS -> Client Certificate -> Create Certificate, select the encryption mode to be complete, and there is no need to save the certificate and private key generated later.
8. Add CNAME record, DNS -> Record -> Add Record. Add the CNAME record ( cname.vercel-dns.com ) as follows, and save it. Take www.tree1024.xyz as an example.
9. Add an A record (optional). If you want to use the root domain name to access your site, such as https://tree1024.xyz, you need to add an A record to directly resolve the root domain name to Vercel’s server address ( 76.76.21.21 ) and that's it!
10. So far, you have a resolvable domain name.
cost accounting
It is said to be free, but this trip actually costs a bit:
Time cost : It takes about 1 hour, and it may take more than 2 hours if you are not skilled.
Economic cost : It is mainly the money to buy the domain name. The price fluctuates too much. Think about the domain name ai.com, which is really profitable!
Please contact me if you have any questions! Provide one-stop chatGPT website deployment service.
Mr. Tree v: _tree –
Public number: Mr. Programmer Shu