Hướng dẫn react js php mysql github - phản ứng js php mysql github

React-php-Mysql-web-apps

Dự án này được tạo để thực hiện một ứng dụng web bằng cách sử dụng React-php-mysql

Bắt đầu

Bước 1)

Php và MySQL Môi trường

-Shure rằng bạn có Apache chạy trên cổng 80, tôi khuyên bạn nên sử dụng MAMP/WAMP 🐘 hoặc tương đương với giao diện GUI -add một thư mục cho thư mục www appache, đặt tên cho nó 'thử thách' và bộ điều khiển, bao gồm ' có trong 'PHP' -Timport Cơ sở dữ liệu cửa hàng (sử dụng tệp shops.sql) với phpmyadmin

Bước 2)

Cài đặt phụ thuộc

Cài đặt Created-React-app trên toàn cầu:

npm install -g create-react-app

Tạo dự án mới trong tài liệu của bạn:

create-react-app reactPhp
cd reactPhp/
npm start

Mở LocalHost: 3000 trong trình duyệt của bạn để xem ứng dụng React cơ bản đang hoạt động. .

Sau đó, thêm mô-đun "Reac-router-dom" vào dự án Reactphp để thực hiện chuyển hướng giữa thành phần và liên kết của chúng tôi

Bước 3)

Bây giờ chúng tôi cần triển khai và quản lý các cửa hàng

Điều đó sẽ sớm được thực hiện

Bắt đầu với Ứng dụng Tạo React

Dự án này đã được khởi động với ứng dụng Created React.

Kịch bản có sẵn

Trong thư mục dự án, bạn có thể chạy:

npm start

Chạy ứng dụng trong chế độ phát triển. Mở http: // localhost: 3000 để xem nó trong trình duyệt.
Open http://localhost:3000 to view it in the browser.

Trang sẽ tải lại nếu bạn thực hiện chỉnh sửa. Bạn cũng sẽ thấy bất kỳ lỗi Lint trong bảng điều khiển.
You will also see any lint errors in the console.

npm test

Khởi chạy người chạy thử nghiệm trong chế độ đồng hồ tương tác. Xem phần về các bài kiểm tra chạy để biết thêm thông tin.
See the section about running tests for more information.

npm run build

Xây dựng ứng dụng để sản xuất cho thư mục build. Nó chính xác các gói phản ứng trong chế độ sản xuất và tối ưu hóa bản dựng cho hiệu suất tốt nhất.
It correctly bundles React in production mode and optimizes the build for the best performance.

Việc xây dựng được thu nhỏ và các tên tệp bao gồm các băm. Ứng dụng của bạn đã sẵn sàng để được triển khai!
Your app is ready to be deployed!

Xem phần về triển khai để biết thêm thông tin.

npm run eject

Lưu ý: Đây là một hoạt động một chiều. Một khi bạn eject, bạn có thể quay lại!

Nếu bạn không hài lòng với các lựa chọn cấu hình và công cụ xây dựng, bạn có thể eject bất cứ lúc nào. Lệnh này sẽ loại bỏ sự phụ thuộc xây dựng duy nhất khỏi dự án của bạn.

Thay vào đó, nó sẽ sao chép tất cả các tệp cấu hình và các phụ thuộc chuyển tiếp (WebPack, Babel, Eslint, v.v.) ngay vào dự án của bạn để bạn có toàn quyền kiểm soát chúng. Tất cả các lệnh ngoại trừ eject vẫn sẽ hoạt động, nhưng chúng sẽ chỉ vào các tập lệnh được sao chép để bạn có thể điều chỉnh chúng. Tại thời điểm này, bạn có một mình.

Bạn không bao giờ sử dụng eject. Bộ tính năng được quản lý phù hợp cho các triển khai nhỏ và giữa và bạn không nên cảm thấy bắt buộc phải sử dụng tính năng này. Tuy nhiên, chúng tôi hiểu rằng công cụ này sẽ hữu ích nếu bạn không thể tùy chỉnh nó khi bạn sẵn sàng cho nó.

Tìm hiểu thêm

Bạn có thể tìm hiểu thêm trong tài liệu ứng dụng Tạo React.

Để tìm hiểu React, hãy xem tài liệu React.

Mã hóa mã

Phần này đã chuyển đến đây: https://facebook.github.io/create-react-app/docs/code-splits

Phân tích kích thước bó

Phần này đã chuyển đến đây: https://facebook.github.io/create-creact-app/docs/analyzing-the-bundle-ze

Tạo một ứng dụng web tiến bộ

Phần này đã chuyển đến đây: https://facebook.github.io/create-creact-app/docs/making-a-protressive-web-app

Cấu hình nâng cao

Phần này đã chuyển đến đây: https://facebook.github.io/create-react-app/docs/advanced-configuration

Triển khai

Phần này đã chuyển đến đây: https://facebook.github.io/create-react-app/docs/deployment

npm run build không thu nhỏ

Phần này đã chuyển đến đây: https://facebook.github.io/create-creact-app/docs/troupleshooting#npm-run-build-fails-to-minify

React-JS-User-Registration

React-JS-Registration-with-PHP-and-MySQL

Một cuộc thăm dò trong việc xây dựng một API yên tĩnh với Reactphp, React, MySQL và JWT để xác thực.

Ví dụ này không có nghĩa là sẵn sàng sản xuất. Mục tiêu cuối cùng là giúp loại bỏ sự rỉ sét từ kiến ​​thức PHP của tôi, cũng như cho phép tôi giúp hiểu rõ hơn khi sử dụng JWTS để xác thực.

Suy nghĩ về bài tập:

JWT thực sự rất tốt để làm việc và giúp bạn dễ dàng xử lý và vượt qua các mã thông báo auth. Tôi muốn thêm một cơ chế và điểm cuối để giữ cho mã thông báo được cập nhật khi người dùng đang liên lạc với API.

Một số vấn đề quan trọng vẫn sẽ cần giải quyết, chẳng hạn như vệ sinh các đầu vào của người dùng để bảo vệ khỏi SQL Injections cũng như giúp tăng cường các trường hợp lỗi khác nhau và xác thực thông tin xác thực. Mặc dù phương pháp truy vấn trong Reactphp thoát khỏi các truy vấn mà chúng tôi sử dụng, nhưng vẫn có những cách tốt hơn để xử lý chúng.

Tôi muốn cải thiện tin nhắn lỗi được chuyển tiếp từ máy chủ. Nó cần nhiều công việc hơn, nhưng nó không phải là trọng tâm do dành phần lớn thời gian của tôi để xây dựng giàn giáo của chính API.

Nhìn chung, bài tập này rất thú vị và giúp tôi khám phá một số mô hình mới trong thế giới phát triển PHP cũng như nhen nhóm tình yêu của tôi dành cho PHP. Tôi vẫn thực sự thích làm việc với PHP, và tôi nghĩ rằng các cặp tốt với một mặt tiền phản ứng. Mặc dù hương vị của PHP này là một chút khác biệt, nhưng những bài học tôi đã học được.

Bắt đầu:

Để chạy frontend, điều hướng đến thư mục máy khách trong dự án và chạy "NPM I" và sau đó "NPM bắt đầu" để bắt đầu dự án.

Để chạy máy chủ, điều hướng đến thư mục máy chủ và chạy lệnh PHP "php index.php". Điều này sẽ quay lên một máy chủ PHP cục bộ.

Lưu ý: Nếu bạn muốn chạy dự án này cục bộ, bạn sẽ cần phải có một phiên bản MySQL cục bộ với cơ sở dữ liệu có tên là "Người dùng". cùng với một bảng có tên là "người dùng". Chuỗi kết nối được sử dụng trong dự án là "root@localhost/người dùng" và không yêu cầu truy cập mật khẩu. Điều này đã được thực hiện chỉ để dễ dàng thử nghiệm và phát triển.