פלאגין Strapi מותאם אישית: לוגיקה מבודדת וממשק משתמש מותאם

src/plugins/my-plugin/
├── admin/
│   └── src/
│       ├── index.tsx
│       ├── pages/
│       │   └── HomePage/index.tsx
│       └── components/
├── server/
│   ├── index.ts
│   ├── content-types/
│   │   └── log-entry/schema.json
│   ├── controllers/
│   ├── services/
│   ├── routes/
│   └── middlewares/
├── package.json
└── strapi-server.js

קוד שרת ראשי (src/plugins/my-plugin/ ├── admin/ │ └── src/ │ ├── index.tsx │ ├── pages/ │ │ └── HomePage/index.tsx │ └── components/ ├── server/ │ ├── index.ts │ ├── content-types/ │ │ └── log-entry/schema.json │ ├── controllers/ │ ├── services/ │ ├── routes/ │ └── middlewares/ ├── package.json └── strapi-server.js )

// server/index.ts
import controllers from './controllers'
import services from './services'
import routes from './routes'
import contentTypes from './content-types'

export default {
  register({ strapi }) {
    strapi.customFields.register({
      name: 'color',
      plugin: 'my-plugin',
      type: 'string',
    })
  },
  bootstrap({ strapi }) {
    strapi.log.info('My Plugin bootstrapped')
  },
  contentTypes,
  controllers,
  services,
  routes,
}

דוגמת שירות (server/index.ts)

// server/services/analytics.ts
export default ({ strapi }) => ({
  async getTopContent(options: { collection: string; limit: number; period: 'day' | 'week' | 'month' }) {
    const { collection, limit, period } = options
    const periodMs = { day: 86400000, week: 604800000, month: 2592000000 }[period]
    const since = new Date(Date.now() - periodMs).toISOString()
    const items = await strapi.entityService.findMany(`api::${collection}.${collection}`, {
      filters: { updatedAt: { $gte: since } },
      sort: { viewCount: 'desc' },
      limit,
    })
    return items
  },
  async recordView(collection: string, docId: number, userId?: number) {
    await strapi.entityService.create('plugin::my-plugin.view-log', {
      data: {
        collection,
        docId: String(docId),
        userId: userId || null,
        ip: null,
        timestamp: new Date().toISOString(),
      },
    })
    const doc = await strapi.entityService.findOne(`api::${collection}.${collection}`, docId)
    if (doc) {
      await strapi.entityService.update(`api::${collection}.${collection}`, docId, {
        data: { viewCount: ((doc as any).viewCount || 0) + 1 },
      })
    }
  },
})

רכיב ממשק משתמש לניהול (// server/index.ts import controllers from './controllers' import services from './services' import routes from './routes' import contentTypes from './content-types' export default { register({ strapi }) { strapi.customFields.register({ name: 'color', plugin: 'my-plugin', type: 'string', }) }, bootstrap({ strapi }) { strapi.log.info('My Plugin bootstrapped') }, contentTypes, controllers, services, routes, } )

// admin/src/pages/HomePage/index.tsx
import { useEffect, useState } from 'react'
import { getFetchClient } from '@strapi/helper-plugin'

const pluginId = 'my-plugin'

const HomePage = () => {
  const [stats, setStats] = useState<any[]>([])
  const { get } = getFetchClient()

  useEffect(() => {
    get(`/${pluginId}/analytics/stats?period=week&limit=10`)
      .then(res => setStats(res.data.data))
  }, [])

  return (
    <div>
      <h1>Analytics Dashboard</h1>
      <table>
        <thead>
          <tr><th>Title</th><th>Views</th></tr>
        </thead>
        <tbody>
          {stats.map((item, i) => (
            <tr key={i}>
              <td>{item.title}</td>
              <td>{item.viewCount}</td>
            </tr>
          ))}
        </tbody>
      </table>
    </div>
  )
}

export default HomePage

תצורת תוסף (server/services/analytics.ts)

// config/plugins.js
module.exports = {
  'my-plugin': {
    enabled: true,
    config: {
      trackingEnabled: true,
      excludeAdminViews: true,
    },
  },
}

הזמינו פיתוח תוסף Strapi מותאם אישית מאיתנו — אנו מבטיחים איכות מגובה בניסיון של 5+ שנים. צרו קשר להערכה של הפרויקט שלכם.