首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

前端部署服务器—仅仅是为了好玩

初衷 最初的打算是准备构建一个面向小型商户的统计分析服务系统,于是购买了服务器,开始学在服务端着部署nodejs以及mongodb数据库。...可以帮助我们更好的理解与后端的交互,理解服务器,域名等等这一系列是如何工作的 可以部署自己的一些的项目(装逼必备),以及在简书,知乎,微信群,QQ群等社交工具上面看到自己项目的预览地址。...为了好玩........ ok 回归正题 第一步 买服务器 目前市面上,知名度比较高的有阿里云和腾讯,百度,华为云和京东等。不知名的就不提了。...xerysherryx/article/details/78920978 https://www.cnblogs.com/yanwanglol/p/8762488.html vue+express+mongodb部署到腾讯服务器上...服务器端开启node服务,部署项目 linux守护进程,杀死进程,查看占用端口号 Linux 守护进程的启动方法 https://blog.csdn.net/qq_38082304/article/details

3.2K40

前端学习部署node服务-腾讯服务器宝塔模版

前置流程一、购买腾讯服务器登录腾讯官网(https://cloud.tencent.com/),在产品列表中选择 “服务器”。根据自己的需求选择服务器配置,如 CPU、内存、带宽等。...CentOS 比较稳定,适合服务器部署,这里以 CentOS 为例。完成支付流程后,在腾讯控制台的 “服务器” 选项中可以看到已购买的服务器实例。...可以买个便宜的玩玩二、配置安全组规则(重要)在腾讯控制台找到 “安全组” 选项,安全组就像是服务器的防火墙规则集合。为服务器添加安全组规则,允许必要的端口访问。...对于前端学习,Nginx 是重点。Nginx 可以用于部署静态网站和反向代理等功能。在宝塔面板的 “网站” 选项中,添加站点。...输入你的域名(如果没有域名,可以使用服务器公网 IP 代替),设置网站根目录等信息。将前端项目文件上传到网站根目录。

12210
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    从零开始用nginx+服务器部署前端项目

    打包前端项目 以我自己的项目为例子 在项目根路径下的vue.config.js里面配置部署应用包时的基本 URL publicPath,不配置的话默认是 publickPath:"/"; module.exports...dist里面的文件放到服务器上,然后再配置nginx 在服务器上(linux系统)配置nginx 因为我的项目用的是腾讯服务器(centos6.5),所以我就以这个举例子了 下载安装nginx 参考...配置nginx、设置服务器 配置nginx 将打包好的前端项目放到 nginx安装目录(/usr/local/webserver/nginx)=>html下,然后找到nginx安装目录=>conf=>...vue-cli官方文档: https://cli.vuejs.org/zh/config/#publicpath 启动nginx /usr/local/webserver/nginx/sbin/nginx 设置服务器安全组规则开放入口...找到服务器控制台安全组配置规则点击一键放通 关闭防火墙:chkconfig iptables off 输入公网id地址查看成果 到这一步就大功告成了!!!

    2.8K10

    腾讯服务器部署

    腾讯服务器部署,我们以CentOS系统为例进行说明,其它系统类同 一键安装PHP运行环境 我们使用 oneinstack 一键安装包进行安装,oneinstack的官网地址是:https://oneinstack.com...以下以腾讯服务器举例操作。如没有可以参考以下: 1、点我领取2860元腾讯免费专属代金券,限时领取。...2、长期优惠活动如下: 热卖服务器三折:点我打开 服务器数据库特惠,服务更稳,速度更快,价格更优; 首先登录腾讯服务器CentOS系统,然后下载一键安装包,并解压安装 cd ~ yum -y...data/wwwroot/default/ 设置WeiPHP目录权限 cd /data/wwwroot chmod -R 777 default 在浏览器中输入你的网址,如果还没有域名,临时先使用当前服务器的公网...确保所有的结果的OK,如果有不支持需要自行把环境配置正确 4.0的目录需要重新截图 进入数据库配置,用上面一键安装包自带的本机数据库,账号密码上面有说明(如果有买数据库,也可以配置数据库的内网地址和账号

    46K00

    腾讯服务器部署

    腾讯服务器部署,我们以CentOS系统为例进行说明,其它系统类同 一键安装PHP运行环境 我们使用 oneinstack 一键安装包进行安装,oneinstack的官网地址是:https://oneinstack.com...首先登录腾讯服务器CentOS系统,然后下载一键安装包,并解压安装 cd ~ yum -y install wget screen curl python wget http://mirrors.linuxeye.com...选择完最后一项后系统就会自动进入安装流程了,中间重启数据库那一步可能有报错导致停止 这时只要ctrl+c 停止当前等待进程,就可以自动进行后面的安装流程 大概需要半小时就可以安装完毕,按提示输入y回车把服务器重启下就行...data/wwwroot/default/ 设置WeiPHP目录权限 cd /data/wwwroot chmod -R 777 default 在浏览器中输入你的网址,如果还没有域名,临时先使用当前服务器的公网...确保所有的结果的OK,如果有不支持需要自行把环境配置正确 4.0的目录需要重新截图 进入数据库配置,用上面一键安装包自带的本机数据库,账号密码上面有说明(如果有买数据库,也可以配置数据库的内网地址和账号

    28.2K51

    使用腾讯托管部署前端项目

    背景介绍 最近腾讯云和微信团队联合推出的后端上新姿势——微信托管!可以使用开源模版,也可以直接使用Git项目来进行项目构建部署。并且是免运维的,无需服务器,1分钟部署小程序/公众号/网站服务端。...周末抽时间体验了一下,下面以部署一个前端项目为例,来简单展示一下托管的使用方法。目前托管是免费额度,大家可放心体验。 使用项目 虽然托管主推的是后端上,但其实只要构建出容器就可以。...这是一个使用vite构建的前端项目模版,项目根目录下有Dockerfile。...很多同学搞不清楚托管与开发的关系,这里我根据官方的文档来给大家讲解一下, 开发是指微信团队联合腾讯推出的专业的小程序开发服务,只针对小程序,但也有一部分是支持公众号玩耶开发的,开发者无需搭建服务器...选择Spirng boot模版进行部署 部署完成后就会出现部署后的信息, 包括服务访问的公网域名地址,数据库,代码源 以上是基于官方提供的模版来进行部署体验。下面使用自己开发的前端项目来部署

    4.9K10

    腾讯服务器部署教程

    腾讯服务器部署,我们以CentOS系统为例进行说明,其它系统类同 一键安装PHP运行环境 我们使用 oneinstack 一键安装包进行安装,oneinstack的官网地址是:https://oneinstack.com...需要一台腾讯服务器来执行操作。...有的话看后面,没有可以参考一下: ---- 腾讯代金券与优惠活动: 新客户无门槛领取总价值高达2860元代金券 服务器3折 服务器选配 ---- 首先登录腾讯服务器CentOS系统,然后下载一键安装包...data/wwwroot/default/ 设置WeiPHP目录权限 cd /data/wwwroot chmod -R 777 default 在浏览器中输入你的网址,如果还没有域名,临时先使用当前服务器的公网...确保所有的结果的OK,如果有不支持需要自行把环境配置正确 4.0的目录需要重新截图 进入数据库配置,用上面一键安装包自带的本机数据库,账号密码上面有说明(如果有买数据库,也可以配置数据库的内网地址和账号

    21K20

    腾讯服务器部署教程

    腾讯服务器部署,我们以CentOS系统为例进行说明,其它系统类同 一键安装PHP运行环境 我们使用 oneinstack 一键安装包进行安装,oneinstack的官网地址是:https://oneinstack.com...首先登录腾讯服务器CentOS系统,然后下载一键安装包,并解压安装 cd ~ yum -y install wget screen curl python wget http://mirrors.linuxeye.com...选择完最后一项后系统就会自动进入安装流程了,中间重启数据库那一步可能有报错导致停止 这时只要ctrl+c 停止当前等待进程,就可以自动进行后面的安装流程 大概需要半小时就可以安装完毕,按提示输入y回车把服务器重启下就行...data/wwwroot/default/ 设置WeiPHP目录权限 cd /data/wwwroot chmod -R 777 default 在浏览器中输入你的网址,如果还没有域名,临时先使用当前服务器的公网...确保所有的结果的OK,如果有不支持需要自行把环境配置正确 4.0的目录需要重新截图 进入数据库配置,用上面一键安装包自带的本机数据库,账号密码上面有说明(如果有买数据库,也可以配置数据库的内网地址和账号

    21.7K00

    腾讯服务器部署步骤

    腾讯服务器部署,我们以CentOS系统为例进行说明,其它系统类同 一键安装PHP运行环境 我们使用 oneinstack 一键安装包进行安装,oneinstack的官网地址是:https://oneinstack.com...以下以腾讯服务器举例操作。如没有可以参考以下: 1、点我领取2860元腾讯免费专属代金券,限时领取。...2、长期优惠活动如下: 热卖服务器三折:点我打开 服务器数据库特惠,服务更稳,速度更快,价格更优; 首先登录腾讯服务器CentOS系统,然后下载一键安装包,并解压安装 cd ~ yum -y...data/wwwroot/default/ 设置WeiPHP目录权限 cd /data/wwwroot chmod -R 777 default 在浏览器中输入你的网址,如果还没有域名,临时先使用当前服务器的公网...确保所有的结果的OK,如果有不支持需要自行把环境配置正确 [1620] [1620] 4.0的目录需要重新截图 进入数据库配置,用上面一键安装包自带的本机数据库,账号密码上面有说明(如果有买数据库,也可以配置数据库的内网地址和账号

    15.2K30

    Linux服务器部署项目

    Linux服务器部署项目 准备 购买服务器 重置密码 环境搭建 使用xshell连接服务器 安装JDK Linux上使用yum命令后,会将OpenJDK安装到/usr/lib/jvm/目录下 #...端口是SSH远程连接用的,3306是数据库远程连接用的 点击添加规则,添加如下两条,点击完成,即可远程连接数据库 注:平时不用远程连接数据库的时候可以将3306端口给关了,用的时候再打开 项目部署...package 不出意外,控制台会显示BUILD SUCCESS,并有jar包文件的大小,在target文件夹下面会生成一个myblog-0.0.1-SNAPSHOT.jar的jar包,这个就是要上传到服务器进行部署的...部署 将刚生成的jar包上传到服务器上,进行部署,这里要注意上传之前要将项目的数据库配置换成服务器的数据库 上传 # 创建文件夹 mkdir myblog # 进入目录 cd myblog 关闭防火墙...,此时代理服务器对外就表现为一个服务器

    29810

    前端部署第一篇】:从写一个最简前端部署服务器,初识前端部署

    包括 Docker、CICD 等内容,大纲图示如下: 大纲 「前端部署」系列正在更新: 1/20 本篇是关于前端部署的简单介绍,以及如何使用 nodejs 写一个最简静态资源服务器。...: 如何手写一个简单的静态资源服务器用以部署前端 为何需要 nginx、docker 等工具辅助前端部署 1....HTTP 可视为 Web 的基石,更是前端的 而最简部署可看做,你向服务器发送一个获取 HTML 资源的请求,而服务端将响应一段 HTML 资源。...「我们写一段服务器代码,在 HTTP 响应报文中设置响应体为 HTML,便完成了对极简前端部署。」 以下是对「hello版前端应用」的真实的 HTTP 请求及响应报文。...手写简单静态资源服务器: 响应字符串 作为前端,以我们最为熟悉的 Node 为例,写一段最简单的前端部署服务。该服务监听本地的 3000 端口,并在响应体返回我们的「hello 版前端应用」。

    2.2K31

    使用腾讯托管部署前端项目 | 托管征文

    背景介绍 最近腾讯云和微信团队联合推出的后端上新姿势——微信托管!可以使用开源模版,也可以直接使用Git项目来进行项目构建部署。并且是免运维的,无需服务器,1分钟部署小程序/公众号/网站服务端。...周末抽时间体验了一下,下面以部署一个前端项目为例,来简单展示一下托管的使用方法。目前托管是免费额度,大家可放心体验。 使用项目 虽然托管主推的是后端上,但其实只要构建出容器就可以。...这是一个使用vite构建的前端项目模版,项目根目录下有Dockerfile。...很多同学搞不清楚托管与开发的关系,这里我根据官方的文档来给大家讲解一下, 开发是指微信团队联合腾讯推出的专业的小程序开发服务,只针对小程序,但也有一部分是支持公众号玩耶开发的,开发者无需搭建服务器...下面使用自己开发的前端项目来部署

    16.9K64

    将Hexo部署服务器

    前言 看到群里好多人问如何将Hexo部署服务器。按我的思想,如果有服务器谁还用Hexo?但居然还真有人。...趁着上个月白嫖的腾讯的机器还没过期,赶紧重装个系统,来咕一篇Hexo如何部署服务器。 ? 开始操作 这篇文章并非从安装开始的教程。...二、配置GIT服务器 连接服务器可以使用Xshell或者FinalShell等工具。这里我已Xshell为例,另一款工具同理。 登录服务器 由于是刚刚重装的系统,因此登录很简单。...三、配置NGINX服务器 这一步主要是用来开启80端口的服务器。你不会以为要用hexo s吧?...这下在本地调试就用npm start,调试好了就上传到服务器,然后就可以通过服务器的IP访问了! ? ? 绑定域名 直接修改NGINX的文件即可。然后域名解析用A记录解析到服务器即可。 ?

    10K103

    服务器部署Laravel

    学习PHP和Laravel已经有一段时间了,但是所有的代码都是跑在本地的虚拟主机上的,于是去腾讯申请了一个月的免费主机,想把项目部署服务器上。...不得不说这里面的坑实在是有点多,让我这个初次接触服务器的小白摸不清头脑。在配置好服务器之后,部署一个Laravel项目更是费劲心思,于是乎想记录下部署Laravel项目的过程。...update 1.安装Nginx sudo apt-get install nginx 在安装完Nginx之后,要重启nginx sudo service nginx start 执行完之后,在浏览器输入服务器分配给你的公网.../etc/nginx/sites-available/ 上面两个目录记住就好,很常用,先摆出来 下面一步一步在服务器部署Laravel 1.创建网站的根目录 sudo mkdir -p /var/...流程大概是这样: 本地代码---->Github---->服务器 既然要使用git,那么先在服务器上安装git: sudo apt-get install git 安装完成就可以使用git了,然后在

    8.5K80

    web部署到腾讯服务器

    怎样将本地web项目部署到腾讯服务器上?...首先需要有一台腾讯服务器 腾讯服务器地址 https://cloud.tencent.com/act 1.本地计算机的工作: (1).用eclipse新建一个web项目,然后在webcontent下新建一个...index.html,然后在本地部署到Tomcat服务器下,打开浏览器看是否能访问本地项目. (2).将web项目导出成war文件. 2.腾讯服务器的配置: (1).配置jdk环境....登陆腾讯服务器,点击安全组选项,注意最上面的项目选择正确,点击安全组选择新建, 选择放通全部端口, 然后到最下面,点击新建, 返回安全组,点击加入实例, 勾选响应主机,然后点击确定. (3)配置服务器防火墙...,在浏览器输入http://服务器公网IP:8080/项目名称/index.html即可访问服务器web项目.

    20.6K50

    腾讯服务器部署配置教程

    腾讯服务器部署配置教程,如果你已经有了一台腾讯服务器,可按下面的教程配置部署腾讯服务器 如果没有腾讯服务器,请到腾讯官网购买 http://cloud.tencent.com/act/pro...首先登录腾讯服务器CentOS系统,然后下载一键安装包,并解压安装 cd ~ yum -y install wget screen curl python wget http://mirrors.linuxeye.com...选择完最后一项后系统就会自动进入安装流程了,中间重启数据库那一步可能有报错导致停止 这时只要ctrl+c 停止当前等待进程,就可以自动进行后面的安装流程 大概需要半小时就可以安装完毕,按提示输入y回车把服务器重启下就行...data/wwwroot/default/ 设置WeiPHP目录权限 cd /data/wwwroot chmod -R 777 default 在浏览器中输入你的网址,如果还没有域名,临时先使用当前服务器的公网...确保所有的结果的OK,如果有不支持需要自行把环境配置正确 4.0的目录需要重新截图 进入数据库配置,用上面一键安装包自带的本机数据库,账号密码上面有说明(如果有买数据库,也可以配置数据库的内网地址和账号

    34.6K41

    将 Hexo 部署服务器

    将 Hexo 部署服务器 前言 众所周知,使用 GitHub Page 的访问速度令人发指,当然也有很多人选择部署到 Vercel,这便是我之前的选择,免费,同时还有着更快的速度。...但说到底,服务器往往是更好的选择,只要钱到位 。 使用宝塔面板可以比较方便快速的进行部署,不过我更想自己实际动手操作,也一边学习 Linux,就不使用了。...在阅读本文之前,你需要做好以下准备: 一台服务器 域名以及域名解析服务 服务器 推荐腾讯,作为服务的大厂还是非常靠谱的,唯一制约我们操作的就是昂贵的价格了。...SSH 连接到服务器 打开任意一个终端,使用 SSH 连接到服务器 ssh username@你的服务器公网ip 一般用户名是 root ,之后输入密码即可。...之后访问你的公网 ip,就会发现你的博客已经部署上去了 域名解析 在你的域名解析服务中添加记录: 主机记录 记录类型 解析路线 记录值 @ A 默认 你的服务器公网 ip 之后你就可以输入你的域名范访问博客

    5.2K30

    Hexo博客部署腾讯服务器

    本文用来记录将 hexo 部署再轻量服务器上的过程,不论是已经有自己的主题准备迁移或者新建一个准备部署在轻量服务器,本教程都是适用的,博主并不是做相关方面的,因此本教程尽量简单实用,对于大佬可能帮助有限...~其次这里并非一定要使用腾讯服务器,其他家操作基本上都是一致的。...至于博客部署的历程参考 这里,记录了笔者从 GitHub Page 到自己服务器的选择与图床部署方案,可以进行参考。...部署完成之后,点击网站,添加站点,填写你的域名(加上 3w),没有的话写你的服务器 ip 地址。...根目录选我们之前建立的 /www/wwwroot/hexo 回到服务器终端,重启宝塔服务 service bt restart # 部署 接下来需要将本地的生成好的 /public 推送到服务器

    44311
    领券