各类知识收集,PHP技术分享与解决方案各类知识收集,PHP技术分享与解决方案各类知识收集,PHP技术分享与解决方案

Str Tom,为分享PHP技术和解决方案,贡献一份自己的力量!
收藏本站(不迷路),每天更新好文章!
当前位置:首页 > CMS教程 > dedecms

织梦cms整合ueditor编辑器,集成七牛云存储加速!

管理员 2016-01-17
dedecms
97

关于织梦cms如何集成七牛云加速的教程还是挺少的,昨天晚上封程中整合了3个小时,才把教程写完.希望可以帮助到大家


七牛云存储的好处:

    1、云存储:可以存储静态文件,包含:图片,音视频,甚至是 CSS,JS,还可以存储其他文件和非结构化数据。 

2、云处理:这是个人认为七牛最强地方,就是支持图片、音频、视频等资源在线压缩和转换处理,并且可以通过回调功能自定义数据处理。
3、云加速:七牛支持上传/下载双向加速,并且单文件上传无大小限制,支持断点续传。分布各地的加速节点,自动选择离用户最近的节点,保证数据上传下载的速度。
4、API 操作:七牛云存储提供了一系列 API 和 SDK 和示例教程教你接入使用。
5、缩略图:七牛支持设置不同大小规格的图片,而且是可以自定义尺寸的,根据用户的显示分辨率不同使用不同的图片,达到下载速度和显示体验的最佳搭配,而七牛的缩略图定义非常方便,只需要在七牛的后台 Web 界面进行进行定义即可。
6、支持域名绑定:只要你的域名已经通过备案,就可以使用子域名绑定你的存储空间,通过二级域名访问你的静态资源(详细过程我会在文章后面介绍)。
7、CDN镜像存储:七牛云存储相比 Amazon S3、又拍云存储等服务,他还支持传统 CDN 的镜像存储,有了这个功能,就无需将原来的图片上传到七牛的服务器上,只需要在你的网站上面进行一些处理,就可以搞定静态网站的静态文件加速!(其原理就是当云存储中不存在请求的文件时,云存储会到你指定的域名下寻找,并存储到云存储中。这样可以显著降低网站迁移成本,也免去了开发各程序相应插件的繁琐。只要你的资源文件使用独立域名,就可以非常简单地把资源文件迁移到七牛。)

直观的说,就是把一些静态文件(css、图片等)存在七牛,然后通过一个二级域名开启cdn加速去访问,这样既减少了服务器压力,也减少了宽带.
 

七牛云存储注册的步骤:
           1.点击注册链接  https://portal.qiniu.com/signup?code=3lbqowrfzz4uq 进行注册
              目前免费体验的话,有储存空间1GB,每月Put请求1万次,每月下载流量1GB,每月Get请求10万次的额度,可以创建1个空间仅支持富媒体上传
              然后完善一下信息的话,有储存空间10GB,每月Put请求10万次,每月下载流量10GB,每月Get请求100万次的额度,可以创建20个空间及全部功能.

             其实如果是小站的话 免费体验就够了,但是如果能完善一下信息,肯定是更好,能多就多,反正不要钱的.

          2.等全部注册完之后,点击新建空间,选择公开空间,提交后,点击设置空间.
          3.在【域名设置】下,我们知道了该空间的默认域名,你也可以绑定自己的域名,不过要完善信息之后,变成标准用户才可以.
          4.在【镜像存储】下,点击【一键加速网站】按钮,在弹出的对话框中,【镜像源】填写你的博客地址,确定即可。
             设置加速后,http://www.genban.org/fcz8k/about/images/a2.jpg 就可以通过 http://7xkshc.com1.z0.glb.clouddn.com/fcz8k/about/images/a2.jpg 来访问了 ,我现在还没自定义域名,因为我为了给大家演示,所以我现在也还是体验用户,完善信息变成标准用户需要两天的审核,到时候就可以自定义域名了.
           也就是说,我们只需将 网站中的这些静态资源,所有的 http://www.genban.org/ 域名替换为 http://7xkshc.com1.z0.glb.clouddn.com/ 就能实现 CDN 加速。


织梦cms配置七牛云存储:

       PS:由于下面需要安装百度编辑器,过于麻烦,我重新写了一个新版本七牛集成教程,不需要安装百度编辑器,并且效果更好的教程,大家可以点击查看对比:http://www.genban.org/dedemcs/423.html

       织梦关于集成七牛的教程还是比较少的,所以我今天就来演示一下织梦cms是如何集成七牛的.
       1.首先织梦需要集成百度编辑器(ueditor),默认的ueditor还需要加代码,现在已经有朋友做了一套集成七牛云存储的程序包.

         下载地址: (右边有个downZip  点击下就好了) https://github.com/widuu/qiniu_ueditor_1.4.3    

         他这里只有UTF-8版本的,所以如果需要用GBK版本的话可以下载转码软件 : http://www.genban.org/soft/376.html

       2.解压后放到include目录下,文件名为ueditor。

       3.打开include下的inc文件夹内的inc_func_funcAdmin.php找到184行,贴入一下代码。

        

else if($GLOBALS['cfg_html_editor']=='ueditor')

{

$fvalue = $fvalue=='' ? '

' : $fvalue;

$code = '<script type="text/javascript" charset="utf-8"

src="/include/ueditor/ueditor.config.js">

<script type="text/javascript" charset="utf-8"

src="/include/ueditor/ueditor.all.js">

<link rel="stylesheet" type="text/css"

href="/include/ueditor/themes/default/css/ueditor.css"/>

<textarea name="'.$fname.'" id="'.$fname.'"

style="width:100%;">'.$fvalue.'

';

if($gtype=="print")

{

echo $code;

}

else

{

return $code;

}

}

        4.进入后台-》系统-》系统基本参数-》核心设置-》将 Html编辑器的值改为 ueditor 保存!

        5.更新下系统缓存

        6.打开ueditor/php/config.php

        

           //配置$QINIU_ACCESS_KEY和$QINIU_SECRET_KEY 为你自己的key
          $QINIU_ACCESS_KEY   = 'your akey';
          $QINIU_SECRET_KEY   = 'your skey';

          //配置bucket为你的空间名
          $BUCKET = "你的空间名";

         //配置你的域名访问地址
         $HOST  = "你的七牛域名地址";

        //上传超时时间
       $TIMEOUT = "3600";

       //保存规则
        $SAVETYPE = "date"; //现在支持unix时间戳,unix时间戳写date,如果文件名上传就留空

      //开启水印,不开启为false
      $USEWATER = true;
      //水印图片的七牛地址
    $WATERIMAGEURL = "http://xxxx.xxxx.com/xxx.png"; //七牛上的图片地址
    //水印透明度
    $DISSOLVE = 50;
    //水印位置
    $GRAVITY = "SouthEast";
    //边距横向位置
    $DX  = 10;
    //边距纵向位置
    $DY  = 10;

//水印具体位置分布如下

NorthWest     |     North      |     NorthEast
              |                |    
              |                |    
--------------+----------------+--------------
              |                |    
West          |     Center     |          East
              |                |    
--------------+----------------+--------------
              |                |    
              |                |    
SouthWest     |     South      |     SouthEast

access_key和secret_key查找方式:





     7.设置成功后效果如下1.png



     8.注意了,织梦在你后台添加文章的时候,一定要把

去掉!不然的话,又下载到本地了.



上面仅仅是内容里面的图片和七牛结合,如果你想首页 栏目页 封面页 等界面的js、css、图片都和七牛结合可以这样

在后台添加一个七牛变量

,然后在模板界面里面这样设置css、js、图片等静态资源文件

3.png

那么就OK了


没注册的朋友可以点击这里注册:https://portal.qiniu.com/signup?code=3lbqowrfzz4uq 

那么织梦的集成七牛云存储教程也就写完了

希望可以帮助到大家

本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!

相关推荐

扫码关注

qrcode

QQ交谈

回顶部