当前位置:网站首页>Uniapp development, packaged as H5 and deployed to the server
Uniapp development, packaged as H5 and deployed to the server
2022-07-06 00:21:00 【Ma Xiaotiao's coding advanced road】
Front end use uniapp After the development project is completed , Need to package the page , Generate H5 Static files for , Deploy on the server .
In this way, the server link address , You can click to access directly on your mobile phone .
The whole steps of packaging are as follows :
One 、 Click on the menu bar “ issue ”, Click Select “ Website -PC Web Or cell phone H5”,
Two 、 Fill in the website title and website domain name / Server's IP Address .
( This address is the address where the static files are stored after the project is packaged )
3、 ... and 、 Click to enter manifest.json Of h5 In the configuration , Configure some information according to your own situation .
Be sure to pay attention to the configuration “ The basic path of operation ”, If a blank page or static file appears 404 The situation of , It may be because this path is not configured .
Four 、 Click release , The console compiles automatically . The following prompt appears , The compilation is successful :
5、 ... and 、 Click on the red box in the image above , You can see the packed static page .( Just put this h5 Compress the file , Just send it to the back end )
If you need to upload it to the server by yourself , Continue with the following steps .
6、 ... and 、 Get the address information of the server first , Find a tool , Connect to the server of the project , Go to the root directory of the server .
What I use here is ftp Tools . Create a new one under the root directory aofan Folder , Then put the... In the figure above static The folder and index.html Copy it in .
OK, At this time, the deployment has been successful .
7、 ... and 、 Open the browser , enter server ip Address , Visit index.html The content of .
Be careful : The path names of these three places must be consistent .
1: The basic running path of the configuration at the time of packaging
2: Static files are stored under the root directory of the server static and index.html
3: The access path in the browser
边栏推荐
- 小程序技术优势与产业互联网相结合的分析
- 剖面测量之提取剖面数据
- What are the functions of Yunna fixed assets management system?
- Cloudcompare & PCL point cloud randomly adds noise
- 【在线聊天】原来微信小程序也能回复Facebook主页消息!
- GD32F4xx uIP协议栈移植记录
- XML configuration file (DTD detailed explanation)
- Transport layer protocol ----- UDP protocol
- Recognize the small experiment of extracting and displaying Mel spectrum (observe the difference between different y_axis and x_axis)
- What is information security? What is included? What is the difference with network security?
猜你喜欢
About the slmgr command
NSSA area where OSPF is configured for Huawei equipment
What are Yunna's fixed asset management systems?
【DesignMode】组合模式(composite mode)
Problems encountered in the database
Wechat applet -- wxml template syntax (with notes)
认识提取与显示梅尔谱图的小实验(观察不同y_axis和x_axis的区别)
MySQL之函数
如何解决ecology9.0执行导入流程流程产生的问题
Tools to improve work efficiency: the idea of SQL batch generation tools
随机推荐
Upgrade openssl-1.1.1p for openssl-1.0.2k
Go learning - dependency injection
2022.7.5-----leetcode. seven hundred and twenty-nine
The difference of time zone and the time library of go language
What is information security? What is included? What is the difference with network security?
时区的区别及go语言的time库
Transport layer protocol ----- UDP protocol
Key structure of ffmpeg - avframe
LeetCode 6005. The minimum operand to make an array an alternating array
小程序技术优势与产业互联网相结合的分析
Extracting profile data from profile measurement
Cloudcompare & PCL point cloud randomly adds noise
[Chongqing Guangdong education] reference materials for Zhengzhou Vocational College of finance, taxation and finance to play around the E-era
Intranet Security Learning (V) -- domain horizontal: SPN & RDP & Cobalt strike
建立时间和保持时间的模型分析
Solve the problem of reading Chinese garbled code in sqlserver connection database
There is no network after configuring the agent by capturing packets with Fiddler mobile phones
选择致敬持续奋斗背后的精神——对话威尔价值观【第四期】
About the slmgr command
notepad++正則錶達式替換字符串