前言介紹
- 這款 WordPress 外掛「ReactPress – Create React App for WordPress」是 2021-02-08 上架。
- 目前有 2000 個安裝啟用數。
- 上一次更新是 2025-04-07，距離現在已有 25 天。
- 外掛最低要求 WordPress 5.0 以上版本才可以安裝。
- 外掛要求網站主機運作至少需要 PHP 版本 7.4 以上。
- 有 18 人給過評分。
- 論壇上目前有 2 個提問，問題解答率 0%
外掛協作開發者
rockiger |
外掛標籤
JS | embed | react | developer | javascript |
內容簡介
ReactPress 讓你可以輕鬆地創建、構建和部署 React 應用程序到現有的 WordPress 網站。使用你的 React 知識為你的 WordPress 客戶創建單頁應用程序。
只需幾秒鐘即可開始，並以你的 WordPress 主題為基礎開發你的 React 應用程序，並即時獲得反饋。
將 WordPress 的靈活性和 React 的 UI 功能相結合，並將 create-react-app 無縫集成到你的 WordPress 項目中，從而為下一個 SaaS 項目做好準備。
ReactPress 有 3 個功能：
它將你的本地 dev server 集成到你的 WordPress 主題中，這樣你可以即時獲得反饋，查看你的 React 應用程序在 WordPress 網站上的呈現效果。
它以可用於你的 WordPress 網站的方式構建你的 React 應用程序。
它使得在構建後輕鬆上傳你的應用程序到實時服務器成為可能。
功能
應用程序開發期間的快速刷新
開發過程中與 WordPress 集成
輕鬆部署到你的現場網站
客戶端路由
零配置
TypeScript 支持
鏈接
網站
入門指南
深入理解 React with WordPress 教程
常見問題
開發
系統要求
要開發 React 應用程序，你的 WordPress 實例需要訪問：
PHP 函数 file_get_contents 的訪問權限。一些託管提供商會禁用 fopen，沒有 file_get_contents 則無法運行，因此在開發和生產系統上都需要訪問 file_get_contents！
POSIX 兼容系統，Windows 支持屬於實驗功能。（作為替代，Windows 用戶可以使用 WSL2）
原文外掛簡介
ReactPress enables you to easily create, build and deploy React apps into your existing WordPress sites. Use your React knowledge to create single page applications for your WordPress customers.
Get started in seconds and develop your React app with instant feedback and your WordPress theme in mind.
Combine the flexibility of WordPress with the UI capabilities of React and seamlessly integrate create-react-app into your WordPress project for your next SaaS.
ReactPress does 3 things:
It integrates your local dev server into your WordPress theme, that you have instant feedback, how your React app looks in the context of your WordPress website.
It builds your React app in a way that it is usable from your WordPress site.
It makes it easy to upload your app to a live server after building.
Features
Fast refresh during app development
WordPress integration during development
Easy deploy to your live site
client-side routing
zero-config
TypeScript support
Links
Website
Getting Started
In depth React with WordPress Tutorial
FAQ
Development
System Requirements
To develop React apps your WordPress instance needs access to:
Access to the PHP function file_get_contents. Some hosting providers deactivate fopen on which file_get_contents depends. Access to file_get_contents is neccessary on your dev and your live system!
POSIX compatible system, Windows support is experimental. (Alternatively Windows users can use WSL2)
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「ReactPress – Create React App for WordPress」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
1.0.0 | 1.1.0 | 1.2.0 | 1.2.1 | 1.2.2 | 1.3.0 | 1.3.1 | 1.3.2 | 2.0.0 | 2.0.1 | 2.1.0 | 2.1.1 | 2.1.2 | 2.1.3 | 3.0.0 | 3.0.1 | 3.1.0 | 3.2.0 | 3.2.1 | 3.2.2 | 3.3.0 | 3.4.0 | trunk |
延伸相關外掛（你可能也想知道）
Elementor Beta (Developer Edition) 》成為我們未來版本的一部分, 透過安裝 Developer Edition 外掛，Elementor使用者可以提前一窺未來功能。我們邀請你參與並測試我們的 Developer Edition。這樣...。
P3 (Plugin Performance Profiler) 》這個外掛程式可以創建您 WordPress 網站的外掛程式效能概況，並且藉由測量這些外掛對網站載入時間的影響。通常WordPress網站由於過多或配置不佳的外掛程式而...。
FakerPress 》當您創建新的主題或外掛時，您總是需要創建自訂數據以測試您的外掛是否正常運作，作為開發人員，我們自己也遇到過這個問題。, 我們這個外掛的目標是填補這個...。
Maintenance Mode 》這個外掛主要是針對需要讓客戶在網站對外公開之前預覽網站，或是在 WordPress 網站進行重大更新時暫時隱藏網站的開發者。 , 任何具有 WordPress 管理員權限的...。
Debug Log Manager 》Debug Log Manager 可以讓您：, , 單擊啟用 WP_DEBUG 以記錄 PHP、數據庫和 JavaScript 錯誤，不需要手動編輯 wp-config.php 文件，完成後再禁用。 , 在自訂...。
Debug This 》Debug This是由友好Macho Themes團隊打造、維護和運營的獨立外掛程式。, 對於管理員、開發人員和支援人員，Debug This提供了大量的有關WordPress安裝的信息，...。
Debug Log – Manager Tool 》這是一個簡單的除錯日誌外掛程式，您可以在儀表板中檢查除錯日誌。透過一個點擊，您可以啟用或停用除錯功能（例如 ‘ WP_DEBUG’、‘WP_DEBUG...。
Developer 》一個能幫助 WordPress 開發者進行開發的外掛。, 這個外掛將幫助您優化您的開發環境，確保您已安裝所有必要的工具和外掛。, 如果您想查看代碼並做出貢獻，加入...。
Debug Bar Console 》在除錯列中新增了一個PHP/MySQL控制台。需要 Debug Bar 插件 (v0.5或更新版本)。。
System Dashboard 》這個外掛提供了一個中央儀表板，用於監視各種 WordPress 組件、進程和數據，包括伺服器硬體、軟體和資源使用情況。與 Query Monitor 和 WP Console 配對使用...。
Theme Inspector 》這個輕量級的外掛提供在開發 WordPress Classic 主題時可以使用的有用技術資訊，並在頁面和文章上顯示這些資訊。它提供簡單的訪問，例如文章/頁面 ID、slug、...。
Term Menu Order 》這個外掛旨在幫助主題和外掛開發人員。, 該外掛的目的是允許任意的詞彙排序，類似於頁面。這可以讓檢索詞彙的查詢使用 ‘menu_order’ 作為排序順...。
Ray 》Ray 是一款美觀、輕量的桌面應用程式，可幫助您進行應用程式的偵錯操作。可使用免費試用版，也可透過許可證進行解鎖。, 安裝此外掛後，您可以使用 ray() 函數...。
Bulk Content Creator 》作為 WordPress 開發人員，您可能想要快速創建多個帖子。使用批量內容創建器，您可以從單一界面創建多個帖子、頁面或其他自定義帖子類型。您還可以為帖子類型...。
J7 Beaver Header Footer Templates 》, 相容於 Beaver Builder 主題, , 你可以透過 Beaver Builder 外掛自建一個 header 並儲存排版，接著，透過 J7 Beaver Headers Footers 外掛輕鬆套用到你的網...。