Mục tiêu

Của bài này là giúp các bạn:

• Liên kết được dự án với plugin EzyCRM.
• Tích hợp được API subscribe của EzyCRM.

Liên kết plugin EzyCRM.

Đơn giản là bạn chỉ cần dùng lệnh:

Linux

ezy.sh link ezycrm

# Windows
ezy.bat link ezycrm

Là xong.

Tích hợp API subscribe

Quay trở lại với dự án theme Personal

Di chuyển đến home.html của mô đun personal-theme chúng ta sẽ cập nhật form đăng ký thành như sau:

<form id="subscribeForm" onsubmit="return false;">
    <input type="email" name="email" th:placeholder="#{email_address}" required
           onkeydown="onKeydownToSubscribe();">
    <button type="button" class="btn btn-primary" onclick="onSubscribeClick();">
        [[#{subscribe}]]
    </button>
</form>

Và trong phần script, chúng ta sẽ bổ sung thêm hàm onSubscribeClick:

var onSubscribeClick = function() {
    var formData = ezyweb.formDataToObject('subscribeForm');
    $.ajax({
        type: 'POST',
        url: '/api/v1/ezycrm/subscribe',
        contentType: 'application/json',
        data: JSON.stringify(formData)
    }).done(function (menu) {
        alert(ezyweb.messages.subscribe_successfully);
    }).fail(function (e) {
        ezyweb.processGetApiErrors(e);
    });
}

Vậy là xong rồi, khi người dùng nhấn nút đăng ký (subscribe) trình duỵệt sẽ gọi API và tạo ra một người dùng mới với quyền là subscriber.

Tài liệu tham khảo

• Dự án kết quả.