《小团队web技术搭建》(一)环境和工具的准备-第一部分

本文涉及的产品
对象存储 OSS,20GB 3个月
对象存储 OSS,恶意文件检测 1000次 1年
对象存储 OSS,内容安全 1000次 1年
简介: 《小团队web技术搭建》(一)环境和工具的准备-第一部分
欢迎关注系列专栏《小团队web技术搭建》


《小团队web技术搭建》(一)环境和工具的准备-第一部分

《小团队web技术搭建》(二)环境和工具的准备-第二部分

《小团队web技术搭建》(三)环境和工具的准备-第三部分

《小团队web技术搭建》(四)虚拟机的安装使用

《小团队web技术搭建》(五)项目的简单部署方式

《小团队web技术搭建》(六)自动化部署方式(CI/CD)(一)

《小团队web技术搭建》(七)自动化部署方式(CI/CD)(二)

持续更新中...

大纲

本主题《小团队web技术搭建》将围绕以下提纲分大约十篇文章写完,面向小团队技术搭建、前端工程、团队管理展开探讨,最终内容可能会与提纲有所出入,不定期更新。也欢迎感兴趣的同学提前提建议、意见。

文章大纲

小团队特性

  • 整个技术团队为十几人左右以下
  • 职位设置不完善,可能会缺少运维、测试人员等
  • 任务时间预算较紧迫
  • 出现在初创公司或者小公司
  • 敏捷性和自由度较高
  • 通常业务所需技术难度不是很高

人力不充裕的情况下,应该最大化输出每个人的能力,快速完成工作目标,并且考验每个人的知识广度和自主积极性。所以,小团队主要以便捷性可扩展性为目标,快速建立起一套生产环境,要求在保证一定敏捷性的情况下,使得整体不杂乱,有一定工作流程规范。

线上服务器选择

服务器选购

服务器是最基本的东西,有了它才能让别人访问你的产品或服务。小团队不是特殊需要最好不要自己搭建服务器,操作复杂,经费较高,与线上同步和迁移也较繁琐。
我推荐通过下面的形式购买服务器,通过阿里云腾讯云选择云服务器。

根据实际预算、云厂商优惠力度、公司业务带宽、主要服务地域选择对应的服务器类型。

需要注意的是图示的服务器都是 Linux系统,有些公司由于某些原因也会选择 windows系统的服务器,但通常我们选择 Linux服务器,保证各方面的稳定性和安全性。

区分生产与测试环境

另外服务器需要区分生产环境测试环境,测试环境所用的服务器最好不要和生产环境是同一台,这样才能做到正真的隔离,也相对安全。

部分团队在同一台服务器同时部署生产环境和测试环境,以二级域名区分(比如 www.abc.com 和 test.abc.com),我不推荐这样的做法。测试服务器只需选低配置的机器进行购买即可,所以最终最好是购买两台服务器。

服务器登录

web远程连接工具

在服务商(比如阿里云或者腾讯云)控制台找到自己的服务器,选择服务商提供的远程登录方式进行登录,输入账号密码后即可进入服务器系统。

ssh连接

下载ssh连接工具(比如SecureCrt)或者直接在命令行工具(比如windows自带的命令行、git bash等)直接用命令进行连接。命令格式为:

ssh [user]@[ip]
# 比如 ssh root@192.168.0.1

[user]是用户名,linux中的root用户是系统超级管理员,拥有最高权限,有时候为了安全会只分配一些较少权限到某些账号上。[ip]是你的服务器的公网ip。

默认需服务器打开22端口, 需指定端口时在ssh命令加参数-p [port],如

ssh -p 8888 root@192.168.0.1

但我倾向于使用SecureCrt来保存和管理服务器连接。有较好的交互界面并且无需每次都输入密码。

域名申请解析

有了服务器以后,可以让用户通过公网ip访问到服务器的服务,但ip毕竟对用户不友好,用户希望通过一个好记好看的域名访问,所以你需要购买一个合适的域名绑定服务器。

域名购买

通过云厂商的域名注册服务选购你想要的域名:

域名备案

购买按国家法律法规域名需要进行备案登陆提交到管局,在云服务商找到备案入口然后按照引导完成域名备案。

注意:备案顺利的话在 10个工作日左右,具体时间视情况而定,填写材料要认真核对并耐心等待,可以先把域名购买再做购买服务器及后面的事情,以免影响工作进度。

域名解析

在域名列表找到你的域名进入解析设置。

解析设置需填写一些东西。

记录类型在下拉框有介绍它们各自的作用,一般选A类型即可。

主机记录就是域名前缀,常见用法有:

  • www:解析后的域名为 www.abc.com
  • @:直接解析主域名 abc.com
  • *:泛解析,匹配其他所有域名 *.abc.com
  • 填写某个二级域名前缀,如填写test, 解析为test.abc.com

解析线路填写你要"绑定"的服务器的公网ip,可在服务器信息里查看。
TTL设置域名解析记录在DNS服务器中的存留时间。这块涉及到的知识这里不做探讨,没有特殊需求选择默认即可,

解析记录可以添加多个,根据你的需求来。

测试服务器无需额外购买一个域名进行解析,用ip直接访问或者在已有域名分配一个二级域名(添加记录值)即可

存储服务(非必需)

在业务中经常需要存储图片、视频等静态资源,这些资源往往占用空间较大静态存储,我们不想让他们占用服务器的空间并且额外的实现上传文件服务、CDN服务时,可以选择合适的云厂商存储服务更为合理,以下是oss(对象存储服务)的购买和使用简单介绍。

选择oss服务

创建Bucket

Bucket相当于命名空间,用于隔离不同业务的文件存储,起名字可以按照产品名或者系统名称等等来。

阅读存储服务开发文档

在云厂商的官网找到开发者相关页面进行搜索对应的服务,例如OSS,在目录中查找你所用语言的具体对接文档,熟悉存储操作具体实现。

查看Bucket

在这里可以查看对应Bucket的存储数据统计和其他信息,在上一步的对接存储操作中会用到一些信息,可在这里进行查阅。

下一篇将讨论在云服务器安装Docker的流程及基于Docker管理和使用常用的工具或服务。感谢阅读!

感谢阅读!欢迎关注系列专栏《小团队web技术搭建》
相关文章
|
3天前
|
安全 网络协议 网络安全
【Docker项目实战】使用Docker部署web-check网站分析工具
【4月更文挑战第20天】使用Docker部署web-check网站分析工具
62 1
|
1天前
|
前端开发 Java Go
从前端到后端:构建现代化Web应用的技术实践
本文将介绍如何通过前端和后端技术相结合,构建现代化Web应用的技术实践。我们将探讨前端开发、后端架构以及多种编程语言(如Java、Python、C、PHP、Go)在构建高效、可扩展的Web应用中的应用。
|
1天前
|
存储 JSON JavaScript
Web存储与传输:技术的背后
Web存储与传输:技术的背后
|
3天前
|
存储 安全 数据安全/隐私保护
Web应用程序的会话管理是一种跟踪和识别特定用户与Web服务器之间交互的技术
【5月更文挑战第12天】Python Web开发中,会话管理用于跟踪用户与服务器交互,如Flask框架提供的内置功能。以下是一个简单示例:安装Flask后,设置应用密钥,通过session读写用户状态。例如,创建一个显示和设置用户名称的Web应用,用户提交的名字将保存在会话中。在生产环境中,应安全存储密钥,如使用环境变量。扩展会话管理可借助第三方库实现更多功能,但可能需更多配置。
214 2
|
3天前
|
前端开发 搜索推荐 安全
AJAX和CSR(客户端渲染)是Web开发中常用的两种技术
【5月更文挑战第8天】AJAX提升用户体验,减轻服务器压力,但对搜索引擎不友好且增加开发复杂度,易引发安全问题。CSR提供快速响应和交互性,改善用户体验,但首屏加载慢,搜索引擎支持不足,同样面临安全挑战。两者各有适用场景,需按项目需求选择。
15 0
|
3天前
|
存储 前端开发 安全
13:会话跟踪技术Session的深度应用与实践-Java Web
13:会话跟踪技术Session的深度应用与实践-Java Web
34 3
|
3天前
|
存储 前端开发 搜索推荐
12:会话跟踪技术Cookie的深度应用与实践-Java Web
12:会话跟踪技术Cookie的深度应用与实践-Java Web
31 4
|
3天前
|
缓存 移动开发 前端开发
【专栏:HTML与CSS前端技术趋势篇】HTML与CSS在PWA(Progressive Web Apps)中的应用
【4月更文挑战第30天】PWA(Progressive Web Apps)结合现代Web技术,提供接近原生应用的体验。HTML在PWA中构建页面结构和内容,响应式设计、语义化标签、Manifest文件和离线页面的创建都离不开HTML。CSS则用于定制主题样式、实现动画效果、响应式布局和管理字体图标。两者协同工作,保证PWA在不同设备和网络环境下的快速、可靠和一致性体验。随着前端技术进步,HTML与CSS在PWA中的应用将更广泛。
|
3天前
|
前端开发 JavaScript UED
【专栏:HTML 与 CSS 前端技术趋势篇】Web 性能优化:CSS 与 HTML 的未来趋势
【4月更文挑战第30天】本文探讨了CSS和HTML在Web性能优化中的关键作用,包括样式表压缩、选择器优化、DOM操作减少等策略。随着未来趋势发展,CSS模块系统、自定义属性和响应式设计将得到强化,HTML新特性也将支持复杂组件构建。同时,应对浏览器兼容性、代码复杂度和性能功能平衡的挑战是优化过程中的重要任务。通过案例分析和持续创新,我们可以提升Web应用性能,创造更好的用户体验。
|
3天前
|
前端开发 JavaScript 搜索推荐
【专栏:HTML 与 CSS 前端技术趋势篇】HTML 与 CSS 在 Web 组件化中的应用
【4月更文挑战第30天】本文探讨了HTML和CSS在Web组件化中的应用及其在前端趋势中的重要性。组件化提高了代码复用、维护性和扩展性。HTML提供组件结构,语义化标签增进可读性,支持用户交互;CSS实现样式封装、布局控制和主题定制。案例展示了导航栏、卡片和模态框组件的创建。响应式设计、动态样式、CSS预处理器和Web组件标准等趋势影响HTML/CSS在组件化中的应用。面对兼容性、代码复杂度和性能优化挑战,需采取相应策略。未来,持续发掘HTML和CSS潜力,推动组件化开发创新,提升Web应用体验。