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

本文涉及的产品
对象存储 OSS,OSS 加速器 50 GB 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管理和使用常用的工具或服务。感谢阅读!

相关文章
|
6月前
|
安全 Java API
Java Web 在线商城项目最新技术实操指南帮助开发者高效完成商城项目开发
本项目基于Spring Boot 3.2与Vue 3构建现代化在线商城,涵盖技术选型、核心功能实现、安全控制与容器化部署,助开发者掌握最新Java Web全栈开发实践。
620 1
|
7月前
|
运维 数据可视化 C++
2025 热门的 Web 化容器部署工具对比:Portainer VS Websoft9
2025年热门Web化容器部署工具对比:Portainer与Websoft9。Portainer以轻量可视化管理见长,适合技术团队运维;Websoft9则提供一站式应用部署与容器管理,内置丰富开源模板,降低中小企业部署门槛。两者各有优势,助力企业提升容器化效率。
485 1
2025 热门的 Web 化容器部署工具对比:Portainer VS Websoft9
|
10月前
|
XML 安全 前端开发
一行代码搞定禁用 web 开发者工具
在如今的互联网时代,网页源码的保护显得尤为重要,特别是前端代码,几乎就是明文展示,很容易造成源码泄露,黑客和恶意用户往往会利用浏览器的开发者工具来窃取网站的敏感信息。为了有效防止用户打开浏览器的 Web 开发者工具面板,今天推荐一个不错的 npm 库,可以帮助开发者更好地保护自己的网站源码,本文将介绍该库的功能和使用方法。 功能介绍 npm 库名称:disable-devtool,github 路径:/theajack/disable-devtool。从 f12 按钮,右键单击和浏览器菜单都可以禁用 Web 开发工具。 🚀 一行代码搞定禁用 web 开发者工具 该库有以下特性: • 支持可配
892 22
|
9月前
|
缓存 前端开发 应用服务中间件
Web端实时通信技术SSE在携程机票业务中的实践应用
本文介绍了携程机票前端基于Server-Sent Events(SSE)实现服务端推送的企业级全链路通用技术解决方案。文章深入探讨了 SSE 技术在应用过程中包括方案对比、技术选型、链路层优化以及实际效果等多维度的技术细节,为类似使用场景提供普适性参考和借鉴。该方案设计目标是实现通用性,适用于各种网络架构和业务场景。
276 1
|
10月前
|
缓存 前端开发 应用服务中间件
Web端实时通信技术SSE在携程机票业务中的实践应用
本文介绍了携程机票前端基于Server-Sent Events(SSE)实现服务端推送的企业级全链路通用技术解决方案。文章深入探讨了 SSE 技术在应用过程中包括方案对比、技术选型、链路层优化以及实际效果等多维度的技术细节,为类似使用场景提供普适性参考和借鉴。
368 7
|
人工智能 前端开发 API
Gemini Coder:基于 Google Gemini API 的开源 Web 应用生成工具,支持实时编辑和预览
Gemini Coder 是一款基于 Google Gemini API 的 AI 应用生成工具,支持通过文本描述快速生成代码,并提供实时代码编辑和预览功能,简化开发流程。
1076 38
Gemini Coder:基于 Google Gemini API 的开源 Web 应用生成工具,支持实时编辑和预览
|
Web App开发 IDE 测试技术
Selenium:强大的 Web 自动化测试工具
Selenium 是一款强大的 Web 自动化测试工具,包括 Selenium IDE、WebDriver 和 Grid 三大组件,支持多种编程语言和跨平台操作。它能有效提高测试效率,解决跨浏览器兼容性问题,进行性能测试和数据驱动测试,尽管存在学习曲线较陡、不稳定等缺点,但其优势明显,是自动化测试领域的首选工具。
971 17
Selenium:强大的 Web 自动化测试工具
|
Java 开发者 微服务
Spring Boot 入门:简化 Java Web 开发的强大工具
Spring Boot 是一个开源的 Java 基础框架,用于创建独立、生产级别的基于Spring框架的应用程序。它旨在简化Spring应用的初始搭建以及开发过程。
884 7
Spring Boot 入门:简化 Java Web 开发的强大工具
|
人工智能 前端开发 计算机视觉
Inpaint-Web:纯浏览器端实现的开源图像处理工具
在刷短视频时,常看到情侣在景区拍照被路人“抢镜”,男朋友用手机将路人“P”掉,既贴心又有趣。最近我发现了一个纯前端实现的开源项目——inpaint-web,可在浏览器端删除照片中的部分内容,非常酷。该项目基于 WebGPU 和 WASM 技术,支持图像修复与放大,已在 GitHub 上获得 5.1k Star。项目地址:[GitHub](https://github.com/lxfater/inpaint-web)。
951 3
 Inpaint-Web:纯浏览器端实现的开源图像处理工具
|
人工智能 安全 物联网
区块链技术的未来展望:去中心化金融(DeFi)与Web 3.0的融合
区块链技术的未来展望:去中心化金融(DeFi)与Web 3.0的融合