yii2cdn

yii2cdn

องค์ประกอบ YII Framework 2 สำหรับการใช้สินทรัพย์ในสภาพแวดล้อมที่แตกต่างกัน (ท้องถิ่น/CDNs)

พร้อมการผลิต : ใช้ในหลายโครงการจริงก็เพียงพอที่จะพิสูจน์ความมั่นคง

ข้อกำหนดขั้นต่ำ: PHP 7.0+ / YII2 Framework 2.0.12+

ข้อบกพร่อง / คำขอคุณสมบัติ: สร้างปัญหาของคุณที่นี่

ทรัพยากร

• Wiki : https://github.com/blacksmoke26/yii2cdn/wiki
• การอ้างอิงคลาส : http://blacksmoke26.github.io/yii2cdn/api/

การติดตั้ง

วิธีที่ต้องการในการติดตั้งส่วนขยายนี้คือผ่านนักแต่งเพลง

วิ่งอย่างใดอย่างหนึ่ง

 composer require --prefer-dist blacksmoke26/yii2cdn "*"

หรือเพิ่ม

 "blacksmoke26/yii2cdn": "*"

ไปยังส่วนที่ต้องการของไฟล์ composer.json ของคุณ JSON

การใช้งาน

ข้อมูล: บทช่วยสอนนี้จะสาธิตวิธีการใช้ไลบรารี FancyBox3 ในสภาพแวดล้อม production (ออนไลน์/CDN) หรือ development (ท้องถิ่น/ออฟไลน์)

I. การติดตั้งไลบรารี

---

1. สร้างไดเรกทอรี cdn ภายใต้โฟลเดอร์ /root/web
2. ติดตั้งหรือดาวน์โหลดไลบรารี FancyBox3 ภายใต้ไดเรกทอรี cdn

• เส้นทางควรเป็น /root/web/cdn/jquery-fancybox
• CDN URL: https://cdnjs.com/libraries/fancybox/3.3.5

ii. เพิ่มส่วนประกอบ

---

1. เปิด @app/config/main.php ในโปรแกรมแก้ไขรหัสของคุณ
2. เพิ่มคุณสมบัติใหม่ cdn ภายใต้ components เช่นรหัสต่อไปนี้:

 // ...
' components ' => [
  // ...
  ' cdn ' => [
    ' class ' => ' yii2cdnCdn ' ,
      ' baseUrl ' => ' /cdn ' ,
      ' basePath ' => dirname ( __DIR__ ) . ' /web/cdn ' ,
      ' components ' => [
      ' jquery-fancybox ' => [
        ' css ' => [
          ' @attributes ' => [
            ' noNameInPathUrls ' => true , // Hide /css in urls
          ],
          [
            ' dist/jquery.fancybox.css ' , // offline version
            ' @cdn ' => ' //cdnjs.cloudflare.com/ajax/libs/fancybox/3.3.5/jquery.fancybox.min.css ' , // online version
          ],
        ],
        ' js ' => [
          ' @attributes ' => [
            ' noNameInPathUrls ' => true , // Hide /js in urls
          ],
          [
            ' dist/jquery.fancybox.js ' , // offline version
            ' @cdn ' => ' //cdnjs.cloudflare.com/ajax/libs/fancybox/3.3.5/jquery.fancybox.min.js ' , // online version
          ],
        ],
      ],
    ],
  ],
  // ...
],
// ... 

iii. สินทรัพย์ที่ลงทะเบียน

---

1. เปิดไฟล์มุมมองใด ๆ และวางบรรทัดต่อไปนี้:

 //...
Yii:: $ app -> cdn -> get ( ' jquery-fancybox ' )-> register ();
//... 

iv. ช่วงสุดท้าย

1. เรียกดู URL การกระทำในเบราว์เซอร์ของคุณและตรวจสอบมุมมอง souce

ตอนนี้ถึงเวลาเล่นรอบ ๆ ดูคุณ!