Twilio đang ra mắt Bảng điều khiển mới. Một số ảnh chụp màn hình trên trang này có thể hiển thị Bảng điều khiển kế thừa và do đó có thể không còn chính xác nữa. Chúng tôi đang nỗ lực cập nhật tất cả các ảnh chụp màn hình để phản ánh trải nghiệm Bảng điều khiển mới. Tìm hiểu thêm về Bảng điều khiển mới
Muốn người dùng của bạn có thể liên lạc dễ dàng như họ có thể lướt web?
Hãy xem qua các bước cần thiết để triển khai nhấp để gọi trong ứng dụng PHP
- Khách truy cập trang web gửi biểu mẫu web có số điện thoại
- Ứng dụng web của bạn nhận được nội dung gửi và bắt đầu yêu cầu HTTP tới Twilio để yêu cầu bắt đầu cuộc gọi đi
- Twilio nhận yêu cầu và bắt đầu cuộc gọi đến số điện thoại của người dùng
- Người dùng nhận cuộc gọi
- Sau khi cuộc gọi kết nối, chúng tôi cung cấp hướng dẫn TwiML để kết nối người dùng với nhóm bán hàng hoặc hỗ trợ của chúng tôi
Chúng ta sẽ học gì
Hướng dẫn này trình bày cách khởi tạo cuộc gọi bằng Twilio REST API và cách tạo cuộc gọi bằng động từ TwiML Say
Bắt đầu nào. Nhấp vào nút bên dưới để chuyển sang bước tiếp theo của hướng dẫn
Thiết lập môi trường phát triển PHP
Để tạo ứng dụng nhấp để gọi, trước tiên chúng ta cần thiết lập môi trường của mình
Hãy đặt thông tin đăng nhập Twilio của chúng tôi ở nơi mà ứng dụng của chúng tôi có thể truy cập chúng. Đối với hướng dẫn này, chúng tôi sẽ đặt chúng làm biến môi trường mà ứng dụng của chúng tôi có thể đọc
Bạn có thể tìm thông tin đăng nhập Twilio của mình trong bảng điều khiển Twilio. Bảng điều khiển ví dụ này hiển thị vị trí của SID tài khoản và Mã thông báo xác thực
Tài khoản Twilio_SID và Auth_Token cần được nhập vào tệp cấu hình môi trường. Nếu bạn có số điện thoại Twilio, bạn có thể sử dụng số hiện có hoặc lấy số mới
Bây giờ, hãy xem cách chúng tôi xây dựng biểu mẫu hướng tới người dùng của ứng dụng nhấp để gọi
Tạo một biểu mẫu web đẹp
Bước đầu tiên là xây dựng biểu mẫu mà người dùng của bạn cần điền trên web
Không cần phải suy nghĩ quá nhiều về điều này vì mục tiêu thực sự là POST số điện thoại của người dùng và nhóm bán hàng cho bộ điều khiển của bạn
Mẫu này cần những thông tin gì?
- Một đầu vào cho số điện thoại
- Đầu vào cho số nhóm bán hàng
- Một nút gửi
Đang tải mẫu mã
Bạn đang xem phiên bản lỗi thời của SDK này.
Hiển thị phản hồi mẫu
Ví dụ JSON phản hồi
Hiển thị mã
ứng dụng/lượt xem/trang chủ. php
Xây dựng một biểu mẫu web
ứng dụng/lượt xem/trang chủ. php
Vì trang không cần hiển thị nội dung mới sau khi nhấp vào Submit,
nên chúng tôi đã quyết định triển khai hành động POST
qua AJAX bằng jQuery. Chúng ta hãy xem điều đó tiếp theo
Gửi biểu mẫu
Để làm cho tính năng nhấp để gọi liền mạch hơn, chúng tôi đã sử dụng AJAX để gửi biểu mẫu không đồng bộ
Mã này cho thấy một cách bạn có thể triển khai chức năng này bằng jQuery
- Chặn việc gửi biểu mẫu của người dùng
- Gửi dữ liệu biểu mẫu tới bộ điều khiển của chúng tôi
- Cho người dùng biết nếu gửi thành công hay không
Đây là cách triển khai phổ biến của phương thức $.ajax[]
của jQuery. Lưu ý rằng chúng tôi đang trả lại thông báo phản hồi khi cuộc gọi đã kết nối
Đang tải mẫu mã
Bạn đang xem phiên bản lỗi thời của SDK này.
Hiển thị phản hồi mẫu
Ví dụ JSON phản hồi
Hiển thị mã
công khai/ứng dụng. js
Gửi biểu mẫu web với AJAX
công khai/ứng dụng. js
Bây giờ chúng ta đã hoàn thành giao diện người dùng, hãy xây dựng mặt sau sẽ nhận dữ liệu này và gọi cho người dùng
Định tuyến cuộc gọi đi
Tiếp theo, chúng tôi khởi tạo một đối tượng Twilio\Rest\Client
với SID tài khoản và Mã thông báo xác thực của chúng tôi
Về cơ bản, đây là trình xử lý PHP REST API của chúng tôi, mà chúng tôi có thể sử dụng để gửi SMS [hoặc cho vô số thứ khác]. Tất nhiên, hiện tại, chúng ta chỉ cần nó để tạo cuộc gọi điện thoại
Chúng tôi sẽ sử dụng API REST để thực hiện cuộc gọi điện thoại đi yêu cầu chúng tôi chuyển số
$ Path-to-ngrok> ngrok http 4040
0, số $ Path-to-ngrok> ngrok http 4040
1 và một mảng chứa số $ Path-to-ngrok> ngrok http 4040
2 có hướng dẫn cho Twilio. Trong trường hợp hỗ trợ khách hàng, Twilio cần GỌI SỐ cho Đại lý sau khi cuộc gọi được thực hiện. [Chúng ta sẽ thảo luận điều này sau. ]Đang tải mẫu mã
Bạn đang xem phiên bản lỗi thời của SDK này.
Hiển thị phản hồi mẫu
Ví dụ JSON phản hồi
Hiển thị mã
ứng dụng/tuyến đường. php
Các tuyến ứng dụng
ứng dụng/tuyến đường. php
Hãy xem chi tiết hơn các lệnh TwiML của chúng tôi đối với Twilio
Tạo TwiML
TwiML là một tập hợp các động từ và danh từ được viết bằng XML mà Twilio đọc dưới dạng hướng dẫn. Đối với ứng dụng đơn giản này, các hướng dẫn của chúng tôi thông báo cho Twilio NÓI điều gì đó với người dùng và sau đó GỌI số của nhân viên hỗ trợ để khách hàng có thể nói chuyện với anh ấy/cô ấy
Để làm cho việc viết TwiML trở nên dễ dàng, nhiều thư viện trợ giúp có các phương thức tạo TwiML cho bạn. Trong trường hợp này, chúng tôi sử dụng twilio-php để tạo phản hồi TwiML sẽ hướng dẫn Twilio nói điều gì đó
Đang tải mẫu mã
Bạn đang xem phiên bản lỗi thời của SDK này.
Hiển thị phản hồi mẫu
Ví dụ JSON phản hồi
Hiển thị mã
ứng dụng/tuyến đường. php
Xử lý một đệ trình và thực hiện một cuộc gọi
ứng dụng/tuyến đường. php
Và cùng với đó, chúng tôi đã thêm Nhấp để gọi vào ứng dụng của mình, điều này sẽ giúp khách truy cập trang web của chúng tôi dễ dàng liên lạc
Kiểm tra ứng dụng của bạn cục bộ
Bây giờ bạn có thể chạy và thử nghiệm ứng dụng Twilio của mình
Tuy nhiên, bạn có thể muốn thử nghiệm nó bằng cách sử dụng điểm cuối có sẵn công khai mà không cần phải "công khai" với ứng dụng của mình. Tùy chọn tốt nhất là sử dụng ngrok
Ghi chú. Để biết thêm thông tin về cách chạy ứng dụng, hãy xem tệp Readme trong kho github của ứng dụng
về ngrok
ngrok tạo một URL an toàn để chuyển tiếp lưu lượng đến một cổng, thường là 5000, trên máy chủ localhost của bạn. Nó cho phép bạn chạy các ứng dụng cục bộ nhưng biến chúng thành điểm cuối có sẵn công khai thông qua đường hầm an toàn. Điều này cho phép bạn kiểm tra ứng dụng của mình và thực hiện tất cả những điều bạn muốn ứng dụng của mình thực hiện nhưng trong một không gian công cộng an toàn
Trong trường hợp bạn đang thắc mắc, ngrok là một tệp thực thi [
$ Path-to-ngrok> ngrok http 4040
0] mà bạn chạy trên dòng lệnh hoặc thiết bị đầu cuốiThiết lập ngrok
ngrok rất đơn giản để sử dụng. Bạn đăng ký trên trang web ngrok [ngrok. com], tải xuống ngrok. zip cho hệ điều hành bạn chọn, sau đó giải nén tệp vào một vị trí dễ truy cập
Ví dụ: trên Windows, bạn có thể đặt nó trong thư mục
$ Path-to-ngrok> ngrok http 4040
1 của mình trong $ Path-to-ngrok> ngrok http 4040
2. Sau đó, cập nhật các biến môi trường PATH của bạn đến vị trí của ngrok thực thi. Trên Linux hoặc OSX, việc này dễ dàng hơn nhiều [xem hướng dẫn trên trang web ngrok]Và đó là nó
Truy cập ứng dụng của bạn từ một điểm cuối bằng ngrok
Vì vậy, bây giờ bạn đã sẵn sàng để sử dụng ngrok
Trước khi bạn bắt đầu ngrok, bạn nên mở Bảng điều khiển Twilio của mình
Vì vậy, đối với Mac và Linux, hãy mở terminal và chạy lệnh này để bắt đầu ngrok
$ ./ngrok http 4040
Trên Windows, mở dấu nhắc lệnh và chạy lệnh này để bắt đầu ngrok
$ Path-to-ngrok> ngrok http 4040
Ngoài ra, bạn có thể bắt đầu ngrok bằng lệnh sau
$ ngrok http 4040 -host-header="localhost:4040"
Số cổng "4040" là tùy ý. Nếu máy chủ cục bộ của bạn đang chạy trên một cổng khác, hãy thay thế "4040" trong lệnh bằng số cổng thích hợp
Điều này sẽ bắt đầu ngrok. Phiên bản đang chạy của ngrok sẽ xuất hiện trong terminal hiển thị giao diện web cục bộ [trong trường hợp này là http. //127. 0. 0. 1. 4040] và URL công khai [trong trường hợp này là https. //28dd499b. ngrok. i]
URL công khai chuyển tiếp cần được đặt trong Bảng điều khiển Twilio. Trong Bảng điều khiển, chọn số điện thoại đang hoạt động mà bạn đã đặt trong Địa phương. config và nhập URL công khai từ ngrok [hiển thị ở trên] vào trường "A Call Comes In" bên dưới Thoại & Fax. Đảm bảo chọn Webhook từ danh sách thả xuống
Hãy nhớ rằng, mỗi khi bạn chạy ngrok, một URL công khai mới sẽ được tạo. Bạn sẽ cần đặt URL mới này trong Bảng điều khiển
Và đó là nó. Bây giờ bạn đã có một điểm cuối khả dụng công khai cho ứng dụng của mình, vì vậy, bây giờ bạn có thể xem ứng dụng đang chạy của mình và nhập số điện thoại bằng địa chỉ ngrok của bạn. https. //xxxxxx. ngrok. io
Tiếp theo là đâu?
Kiểm tra cách iAdvize sử dụng nhấp để gọi Twilo để kết nối với người mua sắm trực tuyến với đại diện hỗ trợ khách hàng
- iAdvize mang đến sự tiếp xúc của con người cho các giao dịch trực tuyến
Nếu bạn là nhà phát triển PHP làm việc với Twilio, bạn có thể thích những hướng dẫn khác này
- Khảo sát tự động - Thu thập ngay dữ liệu có cấu trúc từ người dùng của bạn bằng một cuộc khảo sát được thực hiện qua tin nhắn văn bản SMS hoặc thoại
- Xác thực hai yếu tố với Authy - Cải thiện tính bảo mật của chức năng đăng nhập tích hợp của Laravel bằng cách thêm xác thực hai yếu tố với Twilio's Authy
Điều này có giúp được gì không?
Cảm ơn đã kiểm tra hướng dẫn này. Tweet cho chúng tôi @twilio và cho chúng tôi biết những gì bạn đang xây dựng
người đóng góp.
đánh giá trang này
1 2 3 4 5
Cần giúp đỡ?
Tất cả chúng ta đôi khi làm; . Nhận trợ giúp ngay bây giờ từ nhóm hỗ trợ của chúng tôi hoặc dựa vào trí tuệ của đám đông bằng cách truy cập Tập thể Stack Overflow của Twilio hoặc duyệt qua thẻ Twilio trên Stack Overflow