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

本文涉及的产品
对象存储 OSS,20GB 3个月
全局流量管理 GTM,标准版 1个月
云解析 DNS,旗舰版 1个月
简介: 系列文章主题概览

大纲

本主题《小团队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管理和使用常用的工具或服务。感谢阅读!

相关文章
|
22天前
|
Web App开发 IDE 测试技术
Selenium:强大的 Web 自动化测试工具
Selenium 是一款强大的 Web 自动化测试工具,包括 Selenium IDE、WebDriver 和 Grid 三大组件,支持多种编程语言和跨平台操作。它能有效提高测试效率,解决跨浏览器兼容性问题,进行性能测试和数据驱动测试,尽管存在学习曲线较陡、不稳定等缺点,但其优势明显,是自动化测试领域的首选工具。
130 17
Selenium:强大的 Web 自动化测试工具
|
30天前
|
Java 开发者 微服务
Spring Boot 入门:简化 Java Web 开发的强大工具
Spring Boot 是一个开源的 Java 基础框架,用于创建独立、生产级别的基于Spring框架的应用程序。它旨在简化Spring应用的初始搭建以及开发过程。
54 6
Spring Boot 入门:简化 Java Web 开发的强大工具
|
1月前
|
人工智能 前端开发 计算机视觉
Inpaint-Web:纯浏览器端实现的开源图像处理工具
在刷短视频时,常看到情侣在景区拍照被路人“抢镜”,男朋友用手机将路人“P”掉,既贴心又有趣。最近我发现了一个纯前端实现的开源项目——inpaint-web,可在浏览器端删除照片中的部分内容,非常酷。该项目基于 WebGPU 和 WASM 技术,支持图像修复与放大,已在 GitHub 上获得 5.1k Star。项目地址:[GitHub](https://github.com/lxfater/inpaint-web)。
69 3
 Inpaint-Web:纯浏览器端实现的开源图像处理工具
|
1月前
|
前端开发 JavaScript 搜索推荐
HTML与CSS在Web组件化中的核心作用及前端技术趋势
本文探讨了HTML与CSS在Web组件化中的核心作用及前端技术趋势。从结构定义、语义化到样式封装与布局控制,两者不仅提升了代码复用率和可维护性,还通过响应式设计、动态样式等技术增强了用户体验。面对兼容性、代码复杂度等挑战,文章提出了相应的解决策略,强调了持续创新的重要性,旨在构建高效、灵活的Web应用。
40 6
|
1月前
|
XML 前端开发 JavaScript
PHP与Ajax在Web开发中的交互技术。PHP作为服务器端脚本语言,处理数据和业务逻辑
本文深入探讨了PHP与Ajax在Web开发中的交互技术。PHP作为服务器端脚本语言,处理数据和业务逻辑;Ajax则通过异步请求实现页面无刷新更新。文中详细介绍了两者的工作原理、数据传输格式选择、具体实现方法及实际应用案例,如实时数据更新、表单验证与提交、动态加载内容等。同时,针对跨域问题、数据安全与性能优化提出了建议。总结指出,PHP与Ajax的结合能显著提升Web应用的效率和用户体验。
53 3
|
1月前
|
SQL 负载均衡 安全
安全至上:Web应用防火墙技术深度剖析与实战
【10月更文挑战第29天】在数字化时代,Web应用防火墙(WAF)成为保护Web应用免受攻击的关键技术。本文深入解析WAF的工作原理和核心组件,如Envoy和Coraza,并提供实战指南,涵盖动态加载规则、集成威胁情报、高可用性配置等内容,帮助开发者和安全专家构建更安全的Web环境。
75 1
|
1月前
|
负载均衡 监控 算法
论负载均衡技术在Web系统中的应用
【11月更文挑战第4天】在当今高并发的互联网环境中,负载均衡技术已经成为提升Web系统性能不可或缺的一环。通过有效地将请求分发到多个服务器上,负载均衡不仅能够提高系统的响应速度和处理能力,还能增强系统的可扩展性和稳定性。本文将结合我参与的一个实际软件项目,从项目概述、负载均衡算法原理以及实际应用三个方面,深入探讨负载均衡技术在Web系统中的应用。
100 2
|
1月前
|
前端开发 JavaScript 开发者
构建响应式设计的现代Web应用:实用技巧与工具
【10月更文挑战第24天】本文介绍了构建响应式Web应用的实用技巧和工具,涵盖流体网格布局、弹性图片、CSS媒体查询、CSS Grid和Flexbox、响应式导航菜单、图片和字体的响应式处理,以及测试和调试工具。掌握这些技能将帮助开发者提升用户体验和项目适应性。
|
1月前
|
缓存 安全 前端开发
构建高效Web应用的五大关键技术
【10月更文挑战第42天】在数字化浪潮中,Web应用已成为企业与用户互动的重要桥梁。本文将深入探讨提升Web应用性能和用户体验的五项核心技术,包括前端优化、后端架构设计、数据库管理、安全性增强以及API开发的最佳实践。通过这些技术的应用,开发者可以构建出更快、更稳定且更安全的Web应用,满足现代网络环境的需求。
|
1月前
|
人工智能 安全 物联网
区块链技术的未来展望:去中心化金融(DeFi)与Web 3.0的融合
区块链技术的未来展望:去中心化金融(DeFi)与Web 3.0的融合