公司网站设计策划案,电商平台定制,什么是网站推广方案,wordpress禁止自动升级文章目录前言1. 安装Portainer1.1 访问Portainer Web界面2. 使用Portainer创建Nginx容器3. 将Web静态站点实现公网访问4. 配置Web站点公网访问地址4.1公网访问Web站点5. 固定Web静态站点公网地址6. 固定公网地址访问Web静态站点前言
Portainer 的主要功能是提供可视化的 Web 界…文章目录前言1. 安装Portainer1.1 访问Portainer Web界面2. 使用Portainer创建Nginx容器3. 将Web静态站点实现公网访问4. 配置Web站点公网访问地址4.1公网访问Web站点5. 固定Web静态站点公网地址6. 固定公网地址访问Web静态站点前言Portainer 的主要功能是提供可视化的 Web 界面帮助用户管理 Docker 容器包括创建容器、管理镜像、配置网络等让容器管理不再依赖复杂的命令行简化了容器操作流程。从使用者角度来说Portainer 真的很贴心。我这种不太擅长命令行的人用它来部署 Nginx 容器几步操作就能完成还能清晰地看到容器的运行状态出了问题也方便排查。部署好的静态站点在局域网内访问很顺畅大大提升了我的工作效率。以前用 Portainer 部署的 Nginx 服务只能在局域网内用想让异地的同事看看效果还得把文件传过去重新部署特别麻烦。但用了 cpolar 之后这个问题解决了。现在通过 cpolar 生成的公网地址异地同事直接在浏览器就能访问我部署的站点还能实时反馈修改意见比如调整页面布局、修改内容等不用再受局域网的限制工作协作方便多了。本篇文章教大家如何在Portainer创建Nginx容器并且部署一个静态站点实现公网访问。1. 安装Portainer使用docker部署一个Portainer首先拉取Portainer镜像dockerpull portainer/portainer然后运行容器其中: 8098端口是我们要访问的Portainer Web界面dockerrun -d -p8098:9000 --restart always -v /var/run/docker.sock:/var/run/docker.sock -v portainer_data:/data portainer/portainer-ce1.1 访问Portainer Web界面在浏览器中输入http://localhost:8098 或 http://服务器IP8098端口号即可看到Portainer管理界面。第一次访问时你需要创建一个管理员账号。填写所需的信息并设置一个强密码。然后点击Create user按钮继续。2. 使用Portainer创建Nginx容器登录成功后你将看到Portainer的控制面板。本篇文章举例: 这里部署的Web站点是我制作的一个三维立体图像web页面。源代码地址https://github.com/ADAMxWANG/three在左侧导航栏中选择Home, 点击local然后选中Containers再点击右上角的Add container进入新界面Name输入three可以自定义填写Image输入nginxhost:8089 container:80外网端口自定义不能有冲突容器端口可以重复点击下方Volumes填写containernginx路径**/usr/share/nginx/html**和host部署站点文件路径点击Deploy the container拉取镜像创建成功并且打开一个新的浏览器输入127.0.0.1:8089可以看到制作完成的三维立体图像了。3. 将Web静态站点实现公网访问上面我们在Portainer中创建了Nginx容器并部署了Web静态站点在局域网访问成功。下面我们安装Cpolar内网穿透工具,通过cpolar 转发本地端口映射的http公网地址,我们可以很容易实现远程访问,而无需自己注册域名购买云服务器.下面是安装cpolar步骤cpolar官网地址: https://www.cpolar.com使用一键脚本安装命令curl-L https://www.cpolar.com/static/downloads/install-release-cpolar.sh|sudobash向系统添加服务sudosystemctlenablecpolar启动cpolar服务sudosystemctl start cpolarcpolar安装成功后在外部浏览器上访问Linux 的9200端口 即:【http://局域网ip:9200】使用cpolar账号登录(如没有账号,可以点击下面免费注册),登录后即可看到cpolar web 配置界面,结下来在web 管理界面配置即可4. 配置Web站点公网访问地址点击左侧仪表盘的隧道管理——创建隧道创建一个Web三维立体图形站点的的cpolar公网地址隧道。隧道名称可自定义命名注意不要与已有的隧道名称重复协议选择http本地地址8089(本地访问时的端口)域名类型免费选择随机域名地区选择China Top点击创建隧道创建成功后点击左侧的状态——在线隧道列表,查看所生成的公网访问地址有两种访问方式,一种是http 和https4.1公网访问Web站点复制cpolar生成的两个公网地址中的任意一个然后打开一个新的浏览器并粘贴地址可以看到用cpolar生成的公网地址成功的实现公网访问web站点。为了更好地演示我们在前述过程中使用了cpolar生成的隧道其公网地址是随机生成的。这种随机地址的优势在于建立速度快可以立即使用。然而它的缺点是网址由随机字符生成不太容易记忆例如234b53d8.r1.cpolar.top制作网页发布公网分享给别人看起来不太美观。另外这个地址在24小时内会发生随机变化更适合于临时使用。我一般会使用固定二级子域名原因是我希望制作好web网页分享给别人看时它是一个固定、易记的公网地址例如three.cpolar.cn这样更显正式便于交流协作。5. 固定Web静态站点公网地址由于以上使用cpolar所创建的隧道使用的是随机公网地址24小时内会随机变化不利于长期远程访问。因此我们可以为其配置二级子域名该地址为固定地址不会随机变化【pscpolar.cn已备案】注意需要将cpolar套餐升级至基础套餐或以上且每个套餐对应的带宽不一样。登录cpolar官网点击左侧的预留选择保留二级子域名设置一个二级子域名名称点击保留,保留成功后复制保留的二级子域名名称保留成功后复制保留成功的二级子域名的名称返回登录Cpolar web UI管理界面点击左侧仪表盘的隧道管理——隧道列表找到所要配置的隧道点击右侧的编辑修改隧道信息将保留成功的二级子域名配置到隧道中域名类型选择二级子域名Sub Domain填写保留成功的二级子域名地区China VIP点击更新(注意,点击一次更新即可,不需要重复提交)更新完成后,打开在线隧道列表,此时可以看到公网地址已经发生变化,地址名称也变成了固定的二级子域名名称的域名6. 固定公网地址访问Web静态站点最后,我们使用固定的公网地址可以看到访问成功,这样一个固定且永久不变的公网地址就设置好了,随时随地都可以自定义域名并且分享给其他人访问你制作的web站点了Portainer 结合 cpolar让容器部署和服务访问都更灵活满足了远程协作的需求让工作变得更高效。本篇文章知识点来源[cpolar官网][https://www.cpolar.com]cpolar博客配置二级子域名: https://www.cpolar.com/blog/configure-the-secondary-subdomain-namecpolar博客配置自定义域名: https://www.cpolar.com/blog/configure-your-own-domain-namecpolar博客配置固定TCP端口地址: https://www.cpolar.com/blog/configure-fixed-tcp-port-addresscpolar博客配置固定FTP地址: https://www.cpolar.com/blog/configure-fixed-ftp-address