วิธีติดตั้ง Plugin CSV import & export ให้กับ Strapi V4 ด้วย 5 ขั้นตอนง่ายๆ

cr. Mika Baumeister

สวัสดีครับ สำหรับบทความนี้จะเป็นบทความสำหรับแชร์เทคนิคง่ายๆ ในการติดตั้ง Plugin CSV เพื่อใช้สำหรับ import หรือ export ข้อมูลด้วยไฟล์ csv ครับ โดยขอข้ามขั้นตอนการ init project นะครับ มาเริ่มกันเลย

ขั้นตอนที่ 1

ติดตั้ง Library (Plugin) ด้วยคำสั่งด้านล่าง

yarn add strapi-plugin-import-export-entries

หรือ

npm i strapi-plugin-import-export-entries

ขั้นตอนที่ 2

ให้เข้าไปที่ไฟล์ config/plugins.js และวางโค๊ดตามภาพด้านล่างเพื่อเปิดใช้งานตัว Plugin ที่เราพึ่งติดตั้งไปเมื่อสักครู่

module.exports = ({ env }) => ({
['import-export-entries']: {
    enabled: true,
  }
});

ขั้นตอนที่ 3

สร้างไฟล์ src/admin/webpack.config.js และวางโค๊ด

'use strict';
const MonacoWebpackPlugin = require('monaco-editor-webpack-plugin');
module.exports = (config) => {
    config.plugins.push(new MonacoWebpackPlugin());
    return config;
};

ขั้นตอนที่ 4

ขั้นตอนเกือบสุดท้ายให้เราไป Replace โค๊ดทับอันเดิมที่ config/middlewares.js

module.exports = [   
   //...   
   'strapi::security',   
   //... 
];

เป็น

module.exports = ({ env }) => ({   
    //...   
  {     
   name: "strapi::security",     
   config: {       
     contentSecurityPolicy: {         
       useDefaults: true,         
       directives: {           
        // Enable the download of the Monaco editor                         
        // from cdn.jsdelivr.net.           
         "script-src": ["'self'", "cdn.jsdelivr.net", "blob:"],  
         upgradeInsecureRequests: null,         
         },       
       },     
     },   
  },   
    //... 
});

ขั้นตอนที่ 5

ขั้นตอนสุดท้ายให้รัน Build project อีกรอบ

yarn build --clean

หรือ

npm run build --clean

จากนั้นให้รัน project และลอง Login เข้าไปดูที่หน้า Content Manager เป็นอันเสร็จสิ้น ทีนี้เราก็สามารถ import หรือ export ไฟล์ csv ได้แล้วครับบ ตบมือออ

สามารถเข้าไปอ่านเพิ่มเติมที่นี่ ผิดพลาดประการใดต้องขออภัยด้วยครับ

https://market.strapi.io/plugins/strapi-plugin-import-export-entries