Tôi là một nhà phát triển PHP và tôi bắt đầu học Angular2. Nhưng tôi không biết cách sử dụng nó với PHP. Có thể sử dụng Angular giống như lối vào không? Tôi phải làm gì? Làm thế nào để sử dụng nó trên chia sẻ lưu trữ mà không cần cài đặt Node.js?Tôi có thể sử dụng Angular 2 trong ứng dụng PHP như thế nào?
My 2 cents như một nhà phát triển PHP thời gian dài người đã chơi với Angular2 khá một chút.
Là nhà phát triển PHP, bạn đang mong đợi để PHP của bạn hiển thị một trang HTML và gửi cho khách hàng. Bạn sẽ không làm điều đó với Angular2. Tất cả việc xử lý đó sẽ diễn ra trong PHP, việc xây dựng các bảng dữ liệu, danh sách, hoặc bất cứ thứ gì bây giờ là công việc của Angular.
Điều duy nhất bạn sẽ làm với PHP bây giờ chỉ đơn giản là gửi phản hồi JSON. Những người khác đã nói điều này đã ở trên.
Tôi giả sử rằng vì bạn đang yêu cầu điều này, bạn có ít hoặc không có kinh nghiệm làm việc với Angular2. Vì vậy, đây là thỏa thuận:
Tìm hiểu cách sử dụng Nút và NPM trên máy cục bộ của bạn. Tìm hiểu cách sử dụng NPM để thiết lập dự án Angular2 trống của bạn. Chơi và phát triển trên máy cục bộ của bạn.
Khi bạn sẵn sàng tải dữ liệu, PHP có thể tham gia bằng cách gửi dữ liệu JSON xuống đầu giao diện cho Angular để sử dụng.
Khi bạn đã sẵn sàng đặt ứng dụng Angular2 trực tuyến cho thế giới, bạn có một số tùy chọn xây dựng. Bạn cần phải biên dịch mã của bạn từ Typescript sang Javascript.
Tôi đã sử dụng công cụ Góc CLI. Điều đó cho phép tôi chỉ chạy "ng build" và ứng dụng được biên dịch.
Sau đó, tôi có thể tải lên thư mục mà nó tạo ra đến máy chủ apache của tôi và nó hoạt động. Các CLI góc làm cho một thư mục gọi là "dist" có chứa tất cả những thứ kết thúc trước của bạn sẽ cần.
Miếng bánh.
Cảm ơn bạn rất nhiều vì câu trả lời của bạn. Tôi là một nhà phát triển PHP thời gian dài gần đây đã nói với tôi rằng tôi phải chuyển đổi mọi thứ tôi đã thực hiện cho Angular 2. Tôi không hài lòng về nó, nhưng đó là một công việc. Ngoài các hướng dẫn trên [Angular] (https://angular.io/), câu trả lời của bạn đã giúp tôi hiểu mối quan hệ giữa PHP và Angular chỉ hơn một chút. – Cagey215
theo như tôi biết AngularJS là khuôn khổ Javascript phía máy khách. Vì vậy, nói chung không cần cho 'nodejs'. Bạn chỉ cần các tệp thư viện AngularJS có trong HTML của bạn sẽ được tạo ra bởi mã PHP của bạn.
Tôi đoán bạn nên xem xét kỹ hơn AngularJS lúc đầu.
Làm rõ: AngularJS (1.X branch) và Angular2 trở đi không giống nhau. Với Angular2 trở đi bạn không bao gồm thẻ tập lệnh nữa. Toàn bộ giao diện người dùng của bạn dựa vào nó cho mọi thứ. – sitesbyjoe
Tốt hơn, trang web của bạn sẽ chỉ tải xuống một index.html đơn giản và một tệp có tên app.js chứa tất cả JS của bạn và do đó ứng dụng Góc của bạn.
PHP sẽ ngồi trên máy chủ thực hiện công việc của API, đang trả lời bằng JSON/XML để yêu cầu, sau đó ứng dụng góc sẽ sử dụng JSON để tạo giao diện web.
Bạn có thể có PHP tổ chức bất cứ nơi nào, và phục vụ ứng dụng góc của bạn từ một nơi khác, thậm chí nghĩ rằng nó không được khuyến khích vì độ trễ
<html>
<script src="app.js">
</html>ở trên [sitesbyjoe] câu trả lời hay nhất là tuyệt vời. bước Chỉ cần chi tiết,
mở cmd
1) cd thư mục
2 của bạn dự án) ng xây dựng
3) sao chép thư mục quận để apache/htdocs/[dist/hoặc your- dự án-name]
4) Important: open the index.html file, find <base href="/">
change it to <base href="/your-project-name/">
Without doing this, js file will not be load correctly.
5) http://localhost:80/your-project-name/index.html
Nó hoạt động.
Js góc hoạt động ở phía máy khách chạy trong trình duyệt và gọi API (cho dù chúng ở dạng php, nút hoặc bất kỳ ngôn ngữ phía máy chủ nào khác). Triết lý của ứng dụng góc 2 là tách biệt chức năng kết thúc trước với API back-end. – noor
Angular.js chỉ là một khung công tác javascript giao diện người dùng, nó không yêu cầu node.js hoạt động trên bất kỳ khung công tác nào khác. js góc là một khung độc lập, hoạt động với bất kỳ ngôn ngữ phụ trợ nào. Bạn chỉ cần xuất json với api an toàn và sử dụng các chi tiết bên trong khung công tác góc. –
@noor nếu tôi viết thành phần thử nghiệm trong bản đánh số cho angular2, Cách hiển thị trang html ?? xin vui lòng thêm một ví dụ. – mgh