看完必恍然大悟的活字格内幕：二十五，性能问题教程二（CDN技术）

收藏

本帖最后由 willning 于 2022-10-31 11:41 编辑

活字格V8.0及更新版本，推荐采用活字格云提供的官方CDN：完全免费，与活字格版本同步更新。
https://help.grapecity.com.cn/pages/viewpage.action?pageId=80213701

================
V7.1或更早版本请见：

活字格不但会让你自己就会开发网站，还有很多新的技术可以让您学到，比如今天我套给大家科普的CDN。
什么是CDN？
先来看看度娘的专业解释哈，度娘传送门
再来看看我的大白话版啊：
其实就是，我们做一个网站，所有的资源都放在我们的服务器上，但是其实有一些资源是不会变的比如公司的logo，还有一些JS代码等等；
那如果所有的资源都放到我们的自己的服务器上，很多人一起访问的时候，都要从我们的服务器给别人传输过去；
这样问题就来了，咱一般为了省钱服务器的配置都是一般的，结果现在一个文件几M，100个人同时访问这个网站，几百M就要从网络传输
（当然如果您是土豪，买个带宽大的服务器，那您请忽略这个教程，这个是给我们穷人用的

）
咱的服务器就有点吃不消了；
而CDN技术其实就是，把这些固定的资源（静态资源）放到别人的服务器上，这样基本的动态的尺寸小的资源，从我们这边走；比较大的静态的文件，直接从别人的机器上走就行。那么问题来了，谁会这么傻，让你把资源放在他那边呢？

各位老铁，有钱能使鬼推磨，做这样的事的公司多了，比如，BAT，或者我今天要给大家说的七牛云。
为什么选七牛，不是因为广告，主要是，他们的每个月有免费的资源，而且免费的一般人也够用了。

好了，普及完毕，我下面就使用一个例子来叫大家怎么做。
这个例子就是很多人发现活字格做的系统第一次打开一个页面的时候，会稍微慢一点，以后就会快很多?
那其实原因就是其实有一些JS文件在第一次需要下载下来以后会有缓存，您的服务器机器如果性能不好的话，第一次打开 3s 慢一点就是在下载这些文件，如何让第一次的时候快一点，其实就是把一些类似的文件使用CDN技术，放到七牛云上。

都放那些文件？都怎么放呢？
1.都放那些文件？
比如说，我有这样一个系统
image.png895314025.png

在网页上打开这个应用，然后按一下键盘的F12
image.png601649474.png

然后你的网页就会显示成，
image.png633553771.png

为了更方便的操作，请这样设置一下
image.png878425292.png

这样，我们就可以全屏了
image.png526450805.png

然后找到所有请求的详细，按照从大到小排序
image.png656817321.png

做最有效的事情，所以我们把其中最大的几个做CDN，
前4个比较大也是我们推荐大家可以做CDN的文件
image.png857216186.png

优先我们把他们先下载下来，只需要简单的右键，另存为
image.png900903320.png

下载后，这几个文件会是长成这几个名字的（注意，这几个文件size会比浏览器中看起来大一点,3个在1M多，一个500+KB）
image.png521798095.png

第一步，将需要做CDN的文件已经下载下来，到此已经完毕，这几个文件留在后面第二步会使用。
2.创建七牛云的存储账号，并申请空间
先到七牛云官网：https://www.qiniu.com/
注册账号（恶心的七牛云，注册按钮放的这么难找，找不到的看截图）
image.png571376647.png

很容易就注册了，注册完了，登录后，需要实名验证才能完成我们需要的功能
所以点击实名认证，这里看大家，我反正先选了个人
image.png115773619.png

传完身份证等等信息以后，他会说3个工作日内给会审核
image.png347744445.png

审核后，进入对象存储
image.png526934203.png

点击新建存储空间，起一个名字比如，test
image.png753678283.png

进入后点击内容管理

有一个使用上传文件,将步骤1中的4文件上传上去 image.png631499328.png

传完以后，会是这样的效果
image.png857216186.png

点击下面的关闭按钮，你会发现文件上传好了，对每一个上传好的文件，点击复制外链，并将这些外链保存起来
image.png566089477.png

获取到的外链

第二步，七牛云设置和保存文件到此结束。
3.修改发布后活字格应用的index.html文件
这文件在哪里？

在此我再給大家科普一下5.0，发布后的文件在：
C:\Program Files (x86)\ForguncyServer\Website\Resources

PS：不同版本的这个文件的路径中的 image.png600259704.png

不同，如果您是5.0.5.0，拿奖上述路径中的5.0.3.0换成5.0.5.0即可

找到以下文件
image.png133901061.png

先把这个文件备份一下，以防万一
使用记事本打开，
image.png908577270.png

将这4个名字的文件一个一个搜索
image.png635426940.png

并使用七牛云的连接替换掉
image.png308468322.png

保存文件，并在windows系统服务那边重启活字格的服务
image.png12145079.png

如果你找不到的话，请你参考这个教程找：
看完必恍然大悟的活字格内幕：十五，发布时显示“无法连接到远程服务器”问题
https://gcdn.grapecity.com.cn/fo ... 38454&fromuid=30160

这样你的系统的第一次打开时，速度会比之前快很多滴！！！！
其他的图片什么的静态资源都可以这样修改，已达到加速的目的的~~~
PS：最好把修改后的文件，也备份一下，以备后用

Chelsey.Wang · Chelsey.Wang

本帖最后由 Chelsey.Wang 于 2021-11-12 14:47 编辑

7.1版本中，官方支持利用配置文件直接配置使用CDN了，

配置变得更加简单~
新的配置方法请参考：
活字格7.0 update1新功能解密：六十七、性能提升 - 活字格专区 - 专题教程 - 葡萄城产品技术社区 (grapecity.com.cn)
免费文件：

cdnConfig.js (1.11 KB, 下载次数: 912)

Tracy.Liu · Tracy.Liu

7.0版本请下载：

Index.html (29.06 KB, 下载次数: 646)

Simon.hu · Simon.hu

本帖最后由 Tracy.Liu 于 2021-6-7 10:02 编辑

上面的写的确实好长啊，不过如果您不介意下面几点，葡萄城将为大家赠送福利了，您可以使用我们的免费CDN：
   1.如果您真的没看懂；
   2.如果您不介意使用我们的CDN服务器；
   3.如果你不想花钱；
   4.如果你的服务器可以访问外网；

那您可以很方便的按照以下部分来做：
1.下载如下的HTML文件

Index.html (34.86 KB, 下载次数: 764)

Simon.hu · Simon.hu

7.0.4.0 CDN后的index文件

Index.html (29 KB, 下载次数: 660)

Simon.hu · Simon.hu

本帖最后由 Lucas.Su 于 2020-12-9 16:49 编辑

6.0.102.0/6.0.103.0的免费版CDN,也可來了

Index.html (27.1 KB, 下载次数: 642)

Simon.hu · Simon.hu

5.0 update1 免费CDN文件

Index.html (26.05 KB, 下载次数: 561)

Erik.Xue · Erik.Xue

本帖最后由 Eric.Liang 于 2020-10-13 12:09 编辑

6.0 免费CDN文件

Index.html (27.11 KB, 下载次数: 582)

Chelsey.Wang · Chelsey.Wang

8.0免费CDN文件

cdnConfig.js (1.24 KB, 下载次数: 824)

Chelsey.Wang · Chelsey.Wang

8.1免费CDN文件

cdnConfig.js (1.04 KB, 下载次数: 859)

		自动登录	找回密码
密码			立即注册

[功能内幕] 看完必恍然大悟的活字格内幕：二十五，性能问题教程二（CDN技术）

9 个回复

讲师达人

悬赏达人

元老葡萄

活字格认证

活字格高级认证

微信认证勋章

圣诞拼拼乐

Wyn高级认证

Wyn认证