.NetCore使用skywalking实现实时性能监控

一、简介

很久之前写了一篇 《.Net Core 2.0+ InfluxDB+Grafana+App Metrics 实现跨平台的实时性能监控》关于NetCore性能监控的文章,使用Influxdb+AppMetrics进行项目性能监控,由于技术有限,在正式环境使用一段时间后,莫名的AppMetrics就没办法往influxdb中插入数据了,后来我也在App Metrics作者的github上留言了,并且作者也根据我阐述的情况做了测试,没有复现我的问题,最后这个问题就不了了知了,然后项目性能监控这个事搁置了一段时间,直到2018年参加上海.net线下技术沙龙,在会场首次听到skywalking,那时候skywalking正在做NetCore的支持,会后回到公司便开始关注skywalking,知道skywalking支持NetCore后,第一时间在公司的项目中运用了skywalking。

二、安装环境

要想使用skywalking,首先得安装相关环境。本文以windows为例。

1、安装java sdk(如果不会配置java环境的话,请参考百度百科:https://jingyan.baidu.com/article/08b6a591bdb18314a80922a0.html)

2、java环境安装完成后,下载Elasticsearch进行安装 https://www.elastic.co/downloads/elasticsearch (本文使用skywalking 6.x版本,6.x版本对应使用ES 6.x版本,请自行下载对应版本)

3、下载完Elasticsearch 后将Elasticsearch解压到安装位置,以我电脑为例,我安装在D:\Program Files

4、修改ES配置,进入ES文件下的:\config,找到elasticsearch.yml,打开后修改如下配置:

# ======================== Elasticsearch Configuration =========================

#

# NOTE: Elasticsearch comes with reasonable defaults for most settings.

#       Before you set out to tweak and tune the configuration, make sure you

#       understand what are you trying to accomplish and the consequences.

#

# The primary way of configuring a node is via this file. This template lists

# the most important settings you may want to configure for a production cluster.

#

# Please consult the documentation for further information on configuration options:

# https://www.elastic.co/guide/en/elasticsearch/reference/index.html

#

# ---------------------------------- Cluster -----------------------------------

#

# Use a descriptive name for your cluster:

#

cluster.name: myskywalking

#

# ------------------------------------ Node ------------------------------------

#

# Use a descriptive name for the node:

#

node.name: node-1

#

# Add custom attributes to the node:

#

#node.attr.rack: r1

#

# ----------------------------------- Paths ------------------------------------

#

# Path to directory where to store the data (separate multiple locations by comma):

#

path.data: D:/Program Files/elasticsearch-6.6.2/path/to/data

#

# Path to log files:

#

path.logs: D:/Program Files/elasticsearch-6.6.2/path/to/logs

#

# ----------------------------------- Memory -----------------------------------

#

# Lock the memory on startup:

#

bootstrap.memory_lock: false

#

# Make sure that the heap size is set to about half the memory available

# on the system and that the owner of the process is allowed to use this

# limit.

#

# Elasticsearch performs poorly when the system is swapping the memory.

#

# ---------------------------------- Network -----------------------------------

#

# Set the bind address to a specific IP (IPv4 or IPv6):

#

network.host: 0.0.0.0

http.port: 9200

http.cors.enabled: true 

http.cors.allow-origin: "*" 

http.cors.allow-methods: OPTIONS,HEAD,GET,POST,PUT,DELETE

http.cors.allow-headers: "X-Requested-With, Content-Type, Content-Length, X-Users"


#

# For more information, consult the network module documentation.

#

# --------------------------------- Discovery ----------------------------------

#

# Pass an initial list of hosts to perform discovery when new node is started:

# The default list of hosts is ["127.0.0.1", "[::1]"]

#

#discovery.zen.ping.unicast.hosts: ["host1", "host2"]

#

# Prevent the "split brain" by configuring the majority of nodes (total number of master-eligible nodes / 2 + 1):

#

#discovery.zen.minimum_master_nodes: 

#

# For more information, consult the zen discovery module documentation.

#

# ---------------------------------- Gateway -----------------------------------

#

# Block initial recovery after a full cluster restart until N nodes are started:

#

#gateway.recover_after_nodes: 3

#

# For more information, consult the gateway module documentation.

#

# ---------------------------------- Various -----------------------------------

#

# Require explicit names when deleting indices:

#

#action.destructive_requires_name: true


修改好elasticsearch.yml文件后,打开cmd命令,进入到D:\Program Files\elasticsearch-6.6.2\bin,bin文件夹下,输入如下命令:  elasticsearch-service.bat install  将ES安装成windows,这样就可以方便系统重启后自动启动

然后将服务启动后即可

5、接下来下载skywalking,http://skywalking.apache.org/downloads/

选择版本为 :6.0.0-GA 的下载

三、配置和效果

1、在本地电脑中创建一个文件夹(注意:本人亲自躺过的坑,skywalking服务必须放在无空格的文件夹,比如:Program Files这个文件是绝对不能放的,不然服务运行的时候只会一闪而过,连log日志都不会生成,切记!切记!切记!)

我在D盘下创建了一个叫skyworkingService文件,路径如下:D:\skyworkingService

将下好的skywalking解压到该目录下,命名为skywalking-apm-GA,路径如下:D:\skyworkingService\skywalking-apm-GA

接着,打开config文件,找到application.yml文件,修改其配置如下:

# Licensed to the Apache Software Foundation (ASF) under one

# or more contributor license agreements.  See the NOTICE file

# distributed with this work for additional information

# regarding copyright ownership.  The ASF licenses this file

# to you under the Apache License, Version 2.0 (the

# "License"); you may not use this file except in compliance

# with the License.  You may obtain a copy of the License at

#

#     http://www.apache.org/licenses/LICENSE-2.0

#

# Unless required by applicable law or agreed to in writing, software

# distributed under the License is distributed on an "AS IS" BASIS,

# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.

# See the License for the specific language governing permissions and

# limitations under the License.


cluster:

  standalone:

  # Please check your ZooKeeper is 3.5+, However, it is also compatible with ZooKeeper 3.4.x. Replace the ZooKeeper 3.5+

  # library the oap-libs folder with your ZooKeeper 3.4.x library.

#  zookeeper:

#    nameSpace: ${SW_NAMESPACE:""}

#    hostPort: ${SW_CLUSTER_ZK_HOST_PORT:localhost:2181}

#    #Retry Policy

#    baseSleepTimeMs: ${SW_CLUSTER_ZK_SLEEP_TIME:1000} # initial amount of time to wait between retries

#    maxRetries: ${SW_CLUSTER_ZK_MAX_RETRIES:3} # max number of times to retry

#  kubernetes:

#    watchTimeoutSeconds: ${SW_CLUSTER_K8S_WATCH_TIMEOUT:60}

#    namespace: ${SW_CLUSTER_K8S_NAMESPACE:default}

#    labelSelector: ${SW_CLUSTER_K8S_LABEL:app=collector,release=skywalking}

#    uidEnvName: ${SW_CLUSTER_K8S_UID:SKYWALKING_COLLECTOR_UID}

#  consul:

#    serviceName: ${SW_SERVICE_NAME:"SkyWalking_OAP_Cluster"}

#     Consul cluster nodes, example: 10.0.0.1:8500,10.0.0.2:8500,10.0.0.3:8500

#    hostPort: ${SW_CLUSTER_CONSUL_HOST_PORT:localhost:8500}

core:

  default:

    restHost: ${SW_CORE_REST_HOST:0.0.0.0}

    restPort: ${SW_CORE_REST_PORT:12800}

    restContextPath: ${SW_CORE_REST_CONTEXT_PATH:/}

    gRPCHost: ${SW_CORE_GRPC_HOST:0.0.0.0}

    gRPCPort: ${SW_CORE_GRPC_PORT:11800}

    downsampling:

    - Hour

    - Day

    - Month

    # Set a timeout on metric data. After the timeout has expired, the metric data will automatically be deleted.

    recordDataTTL: ${SW_CORE_RECORD_DATA_TTL:90} # Unit is minute

    minuteMetricsDataTTL: ${SW_CORE_MINUTE_METRIC_DATA_TTL:90} # Unit is minute

    hourMetricsDataTTL: ${SW_CORE_HOUR_METRIC_DATA_TTL:36} # Unit is hour

    dayMetricsDataTTL: ${SW_CORE_DAY_METRIC_DATA_TTL:45} # Unit is day

    monthMetricsDataTTL: ${SW_CORE_MONTH_METRIC_DATA_TTL:18} # Unit is month

storage:

  # h2:

    # driver: ${SW_STORAGE_H2_DRIVER:org.h2.jdbcx.JdbcDataSource}

    # url: ${SW_STORAGE_H2_URL:jdbc:h2:mem:skywalking-oap-db}

    # user: ${SW_STORAGE_H2_USER:sa}

 elasticsearch:

   nameSpace: ${SW_NAMESPACE:"myskywalking"}

   clusterNodes: ${SW_STORAGE_ES_CLUSTER_NODES:localhost:9200}

   indexShardsNumber: ${SW_STORAGE_ES_INDEX_SHARDS_NUMBER:2}

   indexReplicasNumber: ${SW_STORAGE_ES_INDEX_REPLICAS_NUMBER:0}

   # Batch process setting, refer to https://www.elastic.co/guide/en/elasticsearch/client/java-api/5.5/java-docs-bulk-processor.html

   bulkActions: ${SW_STORAGE_ES_BULK_ACTIONS:2000} # Execute the bulk every 2000 requests

   bulkSize: ${SW_STORAGE_ES_BULK_SIZE:20} # flush the bulk every 20mb

   flushInterval: ${SW_STORAGE_ES_FLUSH_INTERVAL:10} # flush the bulk every 10 seconds whatever the number of requests

   concurrentRequests: ${SW_STORAGE_ES_CONCURRENT_REQUESTS:2} # the number of concurrent requests

receiver-register:

  default:

receiver-trace:

  default:

    bufferPath: ${SW_RECEIVER_BUFFER_PATH:../trace-buffer/}  # Path to trace buffer files, suggest to use absolute path

    bufferOffsetMaxFileSize: ${SW_RECEIVER_BUFFER_OFFSET_MAX_FILE_SIZE:100} # Unit is MB

    bufferDataMaxFileSize: ${SW_RECEIVER_BUFFER_DATA_MAX_FILE_SIZE:500} # Unit is MB

    bufferFileCleanWhenRestart: ${SW_RECEIVER_BUFFER_FILE_CLEAN_WHEN_RESTART:false}

    sampleRate: ${SW_TRACE_SAMPLE_RATE:10000} # The sample rate precision is 1/10000. 10000 means 100% sample in default.

receiver-jvm:

  default:

#service-mesh:

#  default:

#    bufferPath: ${SW_SERVICE_MESH_BUFFER_PATH:../mesh-buffer/}  # Path to trace buffer files, suggest to use absolute path

#    bufferOffsetMaxFileSize: ${SW_SERVICE_MESH_OFFSET_MAX_FILE_SIZE:100} # Unit is MB

#    bufferDataMaxFileSize: ${SW_SERVICE_MESH_BUFFER_DATA_MAX_FILE_SIZE:500} # Unit is MB

#    bufferFileCleanWhenRestart: ${SW_SERVICE_MESH_BUFFER_FILE_CLEAN_WHEN_RESTART:false}

#istio-telemetry:

#  default:

#receiver_zipkin:

#  default:

#    host: ${SW_RECEIVER_ZIPKIN_HOST:0.0.0.0}

#    port: ${SW_RECEIVER_ZIPKIN_PORT:9411}

#    contextPath: ${SW_RECEIVER_ZIPKIN_CONTEXT_PATH:/}

query:

  graphql:

    path: ${SW_QUERY_GRAPHQL_PATH:/graphql}

alarm:

  default:

telemetry:

  none:


 修改完成后,进入到bin文件中,右键单击startup.bat,以管理员权限运行,即可看到如下弹框

640?wx_fmt=png

弹出这两个框说明服务已经启动了

这个时候访问http://localhost:8080,即可看到如下界面:

640?wx_fmt=png

默认账号admin,密码admin,登录后看看到想要的监控数据和各服务直接的拓扑图,因为我的服务跑了一段时间,所以下面的界面是有数据的:

640?wx_fmt=png

640?wx_fmt=png

2、由于启动skywalking后会弹出两个命令窗口,所以如果运维人员不小心关了窗口的话服务自然就停掉了,所以为了避免这种问题,我们还可以将bin文件夹下的oapService.bat和webappService.bat进行配置,如下:

@REM

@REM  Licensed to the Apache Software Foundation (ASF) under one or more

@REM  contributor license agreements.  See the NOTICE file distributed with

@REM  this work for additional information regarding copyright ownership.

@REM  The ASF licenses this file to You under the Apache License, Version 2.0

@REM  (the "License"); you may not use this file except in compliance with

@REM  the License.  You may obtain a copy of the License at

@REM

@REM      http://www.apache.org/licenses/LICENSE-2.0

@REM

@REM  Unless required by applicable law or agreed to in writing, software

@REM  distributed under the License is distributed on an "AS IS" BASIS,

@REM  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.

@REM  See the License for the specific language governing permissions and

@REM  limitations under the License.


@echo off


setlocal

set OAP_PROCESS_TITLE=Skywalking-Collector

set OAP_HOME=%~dp0%..

set OAP_OPTS="-Xms256M -Xmx512M -Doap.logDir=%OAP_HOME%\logs"


set CLASSPATH=%OAP_HOME%\config;.;

set CLASSPATH=%OAP_HOME%\oap-libs\*;%CLASSPATH%


if defined JAVA_HOME (

 set _EXECJAVA="%JAVA_HOME%\bin\javaw"

)


if not defined JAVA_HOME (

 echo "JAVA_HOME not set."

 set _EXECJAVA=javaw

)


start "%OAP_PROCESS_TITLE%" %_EXECJAVA% "%OAP_OPTS%" -cp "%CLASSPATH%" org.apache.skywalking.oap.server.starter.OAPServerStartUp

endlocal


oapService.bat

@REM

@REM  Licensed to the Apache Software Foundation (ASF) under one or more

@REM  contributor license agreements.  See the NOTICE file distributed with

@REM  this work for additional information regarding copyright ownership.

@REM  The ASF licenses this file to You under the Apache License, Version 2.0

@REM  (the "License"); you may not use this file except in compliance with

@REM  the License.  You may obtain a copy of the License at

@REM

@REM      http://www.apache.org/licenses/LICENSE-2.0

@REM

@REM  Unless required by applicable law or agreed to in writing, software

@REM  distributed under the License is distributed on an "AS IS" BASIS,

@REM  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.

@REM  See the License for the specific language governing permissions and

@REM  limitations under the License.


@echo off


setlocal

set WEBAPP_PROCESS_TITLE=Skywalking-Webapp

set WEBAPP_HOME=%~dp0%..

set JARPATH=%WEBAPP_HOME%\webapp

set WEBAPP_LOG_DIR=%WEBAPP_HOME%\logs


if exist "%WEBAPP_LOG_DIR%" (

    mkdir "%WEBAPP_LOG_DIR%"

)


set LOG_FILE_LOCATION=%WEBAPP_LOG_DIR%\webapp.log


if defined JAVA_HOME (

 set _EXECJAVA="%JAVA_HOME%\bin\javaw"

)


if not defined JAVA_HOME (

 echo "JAVA_HOME not set."

 set _EXECJAVA=javaw

)


start "%WEBAPP_PROCESS_TITLE%" %_EXECJAVA%  -jar %JARPATH%/skywalking-webapp.jar --spring.config.location=%JARPATH%/webapp.yml --logging.file=%LOG_FILE_LOCATION%

endlocal


webappService.bat

其实只是将文件里的java改成了javaw,这样就可以在后台运行了,保存后再次运行startup.bat文件,这个时候界面上会有个cmd命令界面一闪而过,不要慌,我们打开资源管理器看看,会发现进程中多了两个名为“javaw.exe”的进程

这个时候访问:http://localhost:8080 一样可以看到上面的ui界面!

至此,skywalking的所有环境皆搭建完毕,接下来,在我们项目中添加skywalking的探针,方便skywalking收集我们项目中的数据

四、项目引用skywalking探针

新建一个NetCore的webapi,然后在引用中引用SkyWalking.AspNetCore,如图:

640?wx_fmt=png

项目引用后,在Startup.cs中注入skywalking。

在头部引用:using SkyWalking.AspNetCore;

然后找到public void ConfigureServices(IServiceCollection services)下输入一下代码即可:

services.AddSkyWalking(option =>
{
option.ApplicationCode = "AreaServer";
option.DirectServers = 127.0.0.1:11800;
});

运行代码后,控制台内每隔几秒就会有以下信息输出

640?wx_fmt=png

证明skywalking探针已经成功,接下来请求一下你的接口,然后进入skywalking的ui中看看你的成果吧!

原文地址:https://www.cnblogs.com/landonzeng/p/10616644.html

.NET社区新闻,深度好文,欢迎访问公众号文章汇总 http://www.csharpkit.com
640?wx_fmt=jpeg


本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/316495.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Hamburger Steak

Hamburger Steak 题意: 有m个锅,n块肉,每个肉需要煎ai分钟才能熟,每个锅同时最多煎一块肉,一块肉最多可以被两个锅煎(但不能同时),问最少多长时间能全部煎熟,并输出方案 题解: 我…

「ROI 2017 Day 2」反物质(单调队列优化dp)

problem LOJ2772 solution 这道题求的是“保证最多”,这个“保证”真的屑啊! 因为我们无法确定实验生成的克数,所以我们应当计算的是最坏情况。 又因为我们可以选择做哪些实验,所以要的是所有实验组合最坏情况下的最大价值。…

netcore开发windows普通服务(非Web)并一键发布到服务器

netcore下开发windows服务如果是web项目的话,由于aspnetcore本身是支持的,把默认的host.Run改为host.RunAsService就可以了。但是普通的netcore的控制台项目我终于找到了如下方式来实现:Microsoft.Extensions.HostingSystem.ServiceProcess.S…

Hopping Rabbit

Hopping Rabbit 题意: 给你n个矩阵,每个矩阵(给出左上标和右下标),现在让你给出一个点的位置,这个点每次只能上下左右四个方向移动,且移动距离为d,是否存在一个这样的点,其所有落点都不在矩阵…

删好串(区间dp)

problem 定义长度为 nnn 的“好”的串 aaa 满足: ∣ai−ai−1∣1,i∈[2,n]|a_i-a_{i-1}|1,i\in[2,n]∣ai​−ai−1​∣1,i∈[2,n]。ai≥ai−1ai12,i∈[2,n−1]a_i\ge \frac{a_{i-1}a_{i1}}{2},i\in[2,n-1]ai​≥2ai−1​ai1​​,i∈[2,n−1]。 给定长度为 nnn 的序…

直播预告 - 微软MVP为你揭秘Visual Studio 2019新特性

作为"宇宙第一IDE“的Visual Studio集成开发环境,已经经历了超过十几年的迭代成为一款功能丰富且高效的开发工具,微软自己给Visual Studio 的定位是 “更快、更可靠,对个人和团队更具生产力,更易于使用,并且更容易…

Delete Edges

Delete Edges 题意&#xff1a; 给出一个n个点的完全图&#xff0c;删一些三元环使得边数<n 输出所删的三元环 3<n<2000 题解&#xff1a; 肯定是结论题&#xff0c;但是我不会。。 结论&#xff1a;xyz0(mod n)1<x<y<z<n所有解即可 证明过程可以看看…

.NET 机器学习生态调查

机器学习是一种允许计算机使用现有数据预测未来行为、结果和趋势的数据科学方法。 使用机器学习&#xff0c;计算机可以在未显式编程的情况下进行学习。机器学习的预测可以使得应用和设备更智能。 在线购物时&#xff0c;机器学习基于历史购买推荐你可能喜欢的其他产品。 刷信用…

图中异色点对最短距离(最小生成树+线段树)

problem 给定一个 nnn 个点&#xff0c;mmm 条边的无向连通图&#xff0c;图有边权&#xff0c;每个点有一个颜色。 有 qqq 次操作&#xff0c;每次操作可更改某一个点颜色。 求每次操作后图中不同颜色点之间的最短距离。 若图中点颜色全相同&#xff0c;输出 000。 一行给…

Defend Your Country

Defend Your Country 题意&#xff1a; n个点&#xff0c;m条边的简单无向连通图&#xff0c;每个点一个权值ai,一个连通块的贡献&#xff1a;(−1)块内点数∗∑ai[点i在该连通块内](-1)^{块内点数}*\sum a_{i}[点i在该连通块内](−1)块内点数∗∑ai​[点i在该连通块内] 可以…

SkyWalking Liunx 环境搭建NetCore接入

背景前两天看见有小哥介绍windows下安装skywalking的介绍地址。正好最近也在搭建linux环境的SkyWalking&#xff0c;顺便把linux环境搭建的经验分享下&#xff0c;帮助下使用linux部署DotNetCore项目的同学。介绍SkyWalking是开源的apm工具&#xff0c;服务器端使用java编写&am…

AtCoder 2305 [AGC010D] Decrementing(博弈)

problem Luogu链接 solution case1&#xff1a;aaa 中如果有 111 的存在&#xff0c;那么相当于第二步失效&#xff0c;最后的结果仅由 ∑ai−1\sum a_i-1∑ai​−1 的奇偶性决定&#xff08;奇数先手赢&#xff0c;偶数后手赢&#xff09; 奇数先手赢&#xff0c;偶数后手…

P4568 [JLOI2011]飞行路线

P4568 [JLOI2011]飞行路线 题意&#xff1a; n个城市&#xff0c;m个航班&#xff0c;你有k次免费坐航班的机会&#xff0c;问从s到t最少花费是多少&#xff1f; 题解&#xff1a; 分层图问题 简单说说什么是分层图&#xff1a; 其实就是将一个平面的图重新建图&#xff0c…

.NET 基金会完成第一次全面改选

.NET基金会是一个独立的组织&#xff0c;支持.NET社区和开源&#xff0c;旨在拓宽和加强.NET生态系统和社区。这可以通过多种方式完成&#xff0c;包括项目指导&#xff0c;指导&#xff0c;法律和营销帮助&#xff0c;技术和财务支持设置等&#xff0c;2014年微软组织成立.NET…

一般图带权多重匹配(欧拉图+最小费用流)

problem 给定 nnn 个数 {ai}\{a_i\}{ai​}&#xff0c;其中 kkk 个 aia_iai​ 是奇数&#xff0c;再给一个 nnn\times nnn 的矩阵 {ci,j}\{c_{i,j}\}{ci,j​}&#xff0c;无论是 aaa 还是 ccc&#xff0c;都保证是非负整数。 现在可以做一类操作&#xff1a;将 ai−1,aj−1a_…

xay loves trees

xay loves trees 题意&#xff1a; 有两棵树&#xff0c;现在让你找到一个最大的点集合S&#xff0c;要求S中的点在第一棵树中任意两点存在祖先儿子关系且所有点是连接的&#xff0c;在第二棵树中任意两点都不存在祖先儿子关系&#xff0c;问S集合的最大是多少&#xff1f; …

特来电混沌工程实践

一、导语随着大型分布式系统架构的演进和广泛应用&#xff0c;软件工程的最佳实践也随之改变。我们通过分布式、服务化、DevOps、敏捷开发&#xff0c;快速响应业务的需求变化&#xff0c;支持大规模分布式应用。但这些做法带来效益的同时&#xff0c;也带来了另一个紧迫问题&a…

[ZJOI2007] 棋盘制作(单调栈 / DP悬线法)

problem 洛谷链接 solution1-单调栈 很容易想到&#xff0c;预处理出每个点向上最大能延伸的长度&#xff0c;然后对每个点求一个矩阵面积。 然后思考优化&#xff0c;不难想到每次对一行进行求解。 每一行的所有列一起构成了一个直方图。 直方图直接经典笛卡尔树。笛卡尔…

P2567 [SCOI2010]幸运数字

P2567 [SCOI2010]幸运数字 题意&#xff1a; 我们规定只含6或8的数字为幸运号码&#xff0c;而幸运号码的倍数我们也认为是幸运号码&#xff0c;问[l,r]中有多少个幸运号码&#xff1f; 题解&#xff1a; 第一反应是数位dp&#xff0c;但其实不是&#xff0c;我们可以打表观…

构建现代Web应用时究竟是选择传统web应用还是SPA

在大前端盛行的今天&#xff0c;似乎前后端分离的开发模式才是大势所趋&#xff0c;而SPA的概念更是应运而生。现在随便构建一个web应用程序如果你不是使用SPA的话&#xff0c;就会感觉有点low&#xff0c;但是真的是这样吗&#xff1f;今天这篇文章我们就来一起探讨下&#xf…