玉林网站开发,唐山专业做网站,施工企业三大体系认证,wordpress数据库重置密码在这段充满探索与创造的奇妙旅途中#xff0c;我就像一位耐心的建筑师#xff0c;在数字世界的荒原上精心雕琢#xff0c;两周的时光缓缓流淌。每天#xff0c;我与代码共舞#xff0c;手执HTML、CSS与JavaScript这三大构建魔杖#xff0c;一砖一瓦地筑起了梦想中的网络城… 在这段充满探索与创造的奇妙旅途中我就像一位耐心的建筑师在数字世界的荒原上精心雕琢两周的时光缓缓流淌。每天我与代码共舞手执HTML、CSS与JavaScript这三大构建魔杖一砖一瓦地筑起了梦想中的网络城堡。从零到一我的网站如幼苗破土渐渐枝繁叶茂每一行代码都是浇灌其成长的甘露。终于一个满载心血与创意的小世界在网络上悄然绽放静待着访客的探索与赞美。✨ 我近期花了近两周的时间搭建了一个网站。以javavue3为例以下是主要内容
域名申请云服务器ICP备案
域名、服务器和备案这三个你可以选择如阿里云、腾讯云、华为云其中一家根据你的兴趣爱好来选择。我就是选择国内比较知名的阿里云重要的是服务好只要你不懂的你提一下工单很快就能得到解决very good
首先是要申请域名然后再申请一台云主机接着开始ICP备案。然后在域名管理列表那点击“解析”把域名指向这台主机IP。
这里要注意的是如果没有进行ICP备案网站是无法访问的。这个过程大概一到两周左右的时间。
这里注意下为了安全还要申请下SSL证书阿里云有提供个人免费测试的证书。不过有限期比较短。你跟着步骤操作就行证书下来后记得要选择nginx下载证书。
另外一个要注意的点是要在主机管理内安全组开放443和80端口要不然后面做好的网站无法访问哦。
我这边做的一个是分享平台后端是java前端是vue3.如果自己不会开发也是可以购买一套程序的。以javavue3为例前后端分离。
2、程序代码准备
2.1 后端 Java采用的是springbootmybaitplus。
部署还得安装一堆环境很麻烦现在都是用docker可移植性好。我这边后端用到的中间件都是直接使用镜像拉取的。如mysql、fastdfs、redis。比如有人在阿里云社区分享的镜像。如果有其他镜像都可以在这上面进行搜索并拉取安装。很方便的如下图
我这边java程序也是用docker进行部署的。记得docker部署时端口映射要保持一致这样好管理也不会忘记的。
如我这边启动docker时的例子docker run -d -p8081:8081 --name score score:010202
由于会经常操作docker我这边列一些常用的操作命令。
进入docker里面docker exec -it 24b2fa6d27bc bash 24b2fa6d27bc 是容器id
重启docker restart xxx
查看容器docker ps
经常发布太多版本要勤快点删除镜像释放空间docker rmi 24b2fa6d27bc
2.2 前端采用的是vue3 程序开发完成后接下来要打包前端在打包之前要记得有时候发布后会访问空白页面那原因可能是路径不正确。
module.exports defineConfig({ productionSourceMap: false,//隐藏源代码 assetsDir: static, outputDir: dist/process.env.VUE_APP_FILE, //这个是打包后的生成目录 transpileDependencies: true, publicPath: process.env.VUE_APP_PUBLIC_PATH, //打包后生成的js按相对路径来访问 })
env是环境参数配置我这边是通过不同的env环境配置开发环境测试环境和生产环境。
publicPath这个参数很重要要在生产环境中配置https://xxx.com/。前端比较简单这里不详述。
3、nginx配置
关于前端部署后你要准备一下nginx安装nginx后你可以编写一下server配置
这一段是http的80端口强制跳转到https的443端口。
server{ listen 80; server_name xxx.com; return 301 https://$host$request_uri; }
以下这个是443端口访问的前端路径root就是前端html存放的地址。为了安全前端访问后端采用代理的方式一能解决跨域的问题二能解决安全的问题。
server { listen 443 ssl http2; listen [::]:443 ssl http2; server_name gpt114.com; location / { root /home/html/; index index.html index.htm; } location /api/ { proxy_pass http://xxx.com:8081/api/; //8081是后端的端口。 proxy_set_header Host $host; proxy_set_header X-Real-IP $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; } ssl_certificate /home/gptfile/xxx.com.pem; ssl_certificate_key /home/gptfile/xxx.com.key;
#以上这两行是存放证书的位置
}
配置完毕后可以运行nginx -t来检查配置是否正确如果返回successful.说明ok了你直接进入sbin中的nginx进行启动就可以。
这样你就可以通过https://xxx.com来访问网站了。
