Teach you how to build your own ChatGPT and Midjourney drawing (including source code)

The AI ​​program is developed using NUXT3+LARAVEL9 (current version V1.1.7)

Authorization method: three top-level domain names + two replacements

1. AI intelligent dialogue - docking official and official anti-generation (markdown output) PS: use Baidu and self-use library to detect text

2. AI drawing - drawing according to keywords - adding dreamStudio drawing - adding midjourney drawing

3. AI small application - user authentication to independently create AI scene small application - small application classification

3. VIP function - limit the number of VIP free conversations and drawings per day

4. Invitation code - users can register by sharing invitations, and reward VIPs for reaching the number of registrations

5. VIP Card Code Exchange-Quota-Membership

6. Scene function - realize the content of the scene specified by the scene

7. Generate picture - take a screenshot of the current conversation record and generate a picture download

8. Key pool management - polling KEY to listen to Event requests

9. Prohibited thesaurus - certain words are prohibited from being sent

10. Risk control center - detect user operations

11. Coupons - buy discounts and reduce prices

12. Sign in - daily sign in rewards - continuous sign in rewards

13. Login-free Q&A - limit the number of login-free Q&A

14. Model specified user group or member group selection

It is strongly recommended to turn on the Baidu review text, do not use the program as any illegal content, do not let your loved ones cry

Interface partial diagram deconstruction:

Foreground show:
Enter a picture description

Enter a picture description
Enter a picture description
Background Show:
Enter a picture description
Enter a picture description
Enter a picture description
Enter a picture description
Enter a picture description
Enter a picture description
Enter a picture description
Enter a picture description
Enter a picture description
Enter a picture description
Enter a picture description
Enter a picture description
Enter a picture description
AI demonstration station (the account password for background demonstration can be obtained by adding wx):
for authorization, please add wx: Y85136926

AI question answering drawing backend deployment
operating environment (pagoda must see!)

Nginx

php8.1

redis

PM2 Management Tool

MySQL5.7 or higher

Background address: backend domain name/admin admin admin

Backend deployment:

Deploy the backend first
Create a website - create a database

Click Settings
to run directory selection
Enter a picture description

Configure pseudo-static
select laravel5-save
Enter a picture description

Enter the directory
to unzip
Enter a picture description

Open the .env file
to modify the database configuration
Enter a picture description

Open the backend URL.
When you see the following prompt, the construction is successful.

Install PHP extensions -redis and fileinfo
Enter a picture description
Enter a picture description

Front-end deployment
Front-end deployment:

Install pm2-manager

Click Settings
to select v16.19.1 version-switch version
Enter a picture description

Create a new website
Enter a picture description

Click Settings
to add reverse proxy-fill in the proxy name-target url(http://127.0.0.1:3000)-submit
Enter a picture description

Enter the website directory
and unzip the client.zip compressed package
Enter a picture description

Enter the env file to open the .env file
and modify VITE_SERVER_NAME to your own backend domain name
Enter a picture description

Then return to the parent directory
and open the terminal

Execute npm install -g pnpm

run pnpm install

After running pnpm run build

Run pm2 start ecosystem.config.js

If an error is reported when running pm2 start ecosystem.config.js, run pm2 update first

After the construction is over, ps: don’t forget to upload the database yourself

Ai Q&A Painting Frequently Asked Questions
Frequently Asked Questions

1. Why can't the front end request the back end when SSL is enabled on the front end?

Answer: https must be enabled at the front and back ends at the same time, otherwise there will be cross-domain problems

2. Why did I change the style on the front end but it didn’t take effect?

Answer: The front end must perform the following steps no matter what is modified.

After executing pnpm install, execute pnpm run build, execute pm2 delete NuxtAppName, execute pm2 start ecosystem.config.js

3. The verification code does not appear on the background login interface?

Answer: Check whether the database configuration information in the .env file is correct, and whether the table is completely imported. It is recommended to enter phpmyadmin to import, otherwise I don’t know what the error is.

4. The front-end error pop-up window is blank?

Answer: Database error missing table

5. Ali mobile phone verification code issued an error?

Answer: You need to enter the disabled function of the default php, delete shell_exec

6. Alipay payment did not report an error: failed to generate?

Answer: There is a problem with the merchant agreement, check whether the application is online and whether face-to-face payment is activated

7. No callback for payment?

Answer: Check the background system settings - "api address to fill in the back-end address, and do not add / at the end

8. Can't upload the picture of the mini app? Unable to upload backend pictures? The picture doesn't show up?

Answer: Picture settings, if it is uploaded locally, check the background system settings - "api address to fill in the back-end address, and do not add / at the end

If it is Ali oss, check whether the keys are correct, and Ali oss has enabled public reading

9. Front page 502?

Answer: You need to re-execute pnpm install, then execute pnpm run build, execute pm2 delete NuxtAppName, execute pm2 start ecosystem.config.js

10. The backend changed the key or other settings suddenly couldn't get in?

A: Check your .env file for space symbols

11. What should I fill in the background address api address?

Answer: The backend address is http://xxx.com (without a slash at the end)

Guess you like

Origin blog.csdn.net/weixin_47059371/article/details/130615695