Angularjs: Sử dụng Provider

Giả sử bạn đang cần viết 1 service cho phép Partner tạo order. Khi request được gởi lên bao gồm data + api key.
Vấn đề đặt ra là giả sử bạn có nhiều service, ví dụ như service tạo SP Order, DTG Order. Service 2 tạo blended order từ sp order và dtg order.

                createOrder: function(){

                    //pass api key here???

                    //implementation

                    console.log('Order is being created');

                }

Service trong AngularJs rất hữu ích nhưng trong trường hợp này thì có 1 sự dư thừa trong thiết kế. Thật sự không hay khi mỗi lần tạo order lại truyền apiKey.
Trong trường hợp này, ta sẽ dùng Provider.
Điểm khác biệt giữa Provider với Factory, Service là bạn phải định nghĩa làm $get để trả về đối tượng và bạn có thể sử dụng Provider trong app.config()

    var app = angular.module('app', []);

    app.provider('creatingPartnerOrder', [function(){       

        var apiKey = '';

        this.setApiKey = function(key){

            apiKey = key;

        };


        this.$get = function(){

            return{

                apiKey: apiKey,

                createOrder: function(){

                    //pass api key here???

                    //implementation

                    console.log('Order is being created');

                }

            }

        };

    }]);

    app.config(['creatingPartnerOrderProvider', function(creatingPartnerOrderProvider) {

        creatingPartnerOrderProvider.setApiKey('123456');


    }])

   

    app.controller('AppCtrl', ['$scope', 'creatingPartnerOrder', function($scope, creatingPartnerOrder) {

        function createOrder(){

            if(creatingPartnerOrder.apiKey == '123456'){

                creatingPartnerOrder.createOrder();

                console.log('Order was created: ' + new Date());

            }

        }


        createOrder();

}]);

Cách tạo Provider

1. Inject $provide vào hàm app config
2. Tạo 1 provider bằng cách sử dụng hàm $provide.provider()
3. Hàm provider nhất định phải có hàm $get()
4. Kết quả trả về của hàm $get là đối tượng javascript.

Ngoài ra, bạn có thể khai báo provider bằng cách sau:

app.provider( 'providerExample', fun);

Tham khảo: http://www.learn-angular.org/#!/lessons/the-provider-recipe 

Nhật ký học tập