wp decoupled

WP dipisahkan ⚡

Ini adalah Boilerplate Tema React untuk WordPress, dibangun dengan JS berikutnya, Webpack, Babel, Node, Express.

Situs demo langsung.

Demo langsung

Demo?

Memulai?

Instruksi ini akan memberi Anda salinan proyek dan berjalan di mesin lokal Anda untuk tujuan pengembangan.

Menginstal?

1. Klon repo ini di [email protected]:rtCamp/wp-decoupled.git
2. cd wp-decoupled
3. nvm use
4. npm install

Mengkonfigurasi backend (situs WordPress)?

1. Tambahkan Dukungan GraphQL di WordPress

1. Klon dan aktifkan plugin berikut, di direktori plugin WordPress Anda:

   • wp-graphql memaparkan graphql untuk wordpress
   • WP-GRAPHQL-JWT-Authentication Plugin ini memperluas plugin WP-Graphql untuk memberikan otentikasi menggunakan JWT.
   • WP-GraphiQL menyediakan graphiql IDE (taman bermain) untuk WP-Admin
   • WP-GRAPHQL-WOOCOMMERCE Menambahkan fungsionalitas WooCommerce ke skema WPGRAPHQL (diuji hingga V0.7.0 dari WP-Graphql-WooCommerce)

2. You can also import default wooCommerce products that come with wooCommerce Plugin for development ( if you don't have any products in your WordPress install ) WP Dashboard > Tools > WooCommerce products(CSV) : The WooCommerce default products csv file is available at wp-content/plugins/woocommerce/sample-data/sample_products.csv

2. Untuk otentikasi

A. Anda dapat menggunakan token rahasia pilihan Anda, namun akan lebih baik jika Anda menghasilkan satu menggunakan Generator Garam WordPress (https://api.wordpress.org/secret-key/1.1/salt/) untuk menghasilkan rahasia. Dan ambil saja salah satu token dan tambahkan di tempat 'Anda-terekret' di bawah ini:

Tentukan rahasia di wp-config.php dari Direktori WordPress Anda:

 define( 'GRAPHQL_JWT_AUTH_SECRET_KEY', 'your-secret-token' );

B. Bergantung pada lingkungan khusus Anda, Anda mungkin harus meneliti cara mengaktifkan header ini, tetapi di Apache, Anda dapat melakukan hal berikut di .htaccess Anda:

 SetEnvIf Authorization "(.*)" HTTP_AUTHORIZATION=$1

Mengkonfigurasi ujung depan?

• Ganti nama .env.example menjadi .env dan perbarui detail Anda

 SITE_URL=http://localhost:3000
NEXT_PUBLIC_WOO_SITE_URL=http://yourwocommercesite.com
WOO_CONSUMER_KEY=xxxxx
WOO_SECRET=xxxxx

Perintah

• npm run dev menjalankan server node dalam mode pengembangan
• npm run dev:inspect menjalankan server dev dengan inspektur
• npm run server menjalankan server ProduciTon berikutnya
• npm run lint menjalankan linter
• npm run format menjalankan formatter
• npm run build menciptakan build berikutnya

Menggunakan PWA di ponsel

• Buka situs di Chrome di ponsel Anda dan kemudian klik layar Tambah ke Beranda.
• Ini akan diunduh dan disimpan sebagai aplikasi web progresif di ponsel Anda.
• Setelah ditambahkan, tampilan aplikasi WP Decoupled di ponsel Anda.
• PWA ini akan bekerja bahkan saat Anda offline.

Informasi cabang?

1. Master utama reaksi wooCommerce tema
2. berkembang untuk pengujian
3. WP-Docupled-Boilerplate Boilerplate untuk memulai proyek tema React baru dengan implementasi PWA (Work In Progress)

Pengarang

• rtcamp

Kontributor?

• Imran Sayed
• Muhammad Muhsin
• Divyaraj Masani
• Sayed Taqui
• Vipin Kumar Dinkar
• Belal Dif

Lisensi?

Proyek ini dilisensikan di bawah lisensi MIT - lihat file lisensi.md untuk detailnya

Apakah ini menarik minat Anda?