Cách cài đặt Ripple trong trình duyệt Chrome

Trướ c hết để cà i đặ t đượ c Ripple thì bạ n đã phả i cà i đặ t và o má y mình trình

duyệt Chrome, sau đó bạ n chỉ đơn giả n là truy cậ p và o link sau(link nà y
phả i đượ c truy cậ p từ bên trong Chrome):

https://chrome.google.com/webstore/detail/ripple-emulator-beta/
geelfhphabnejjhdalkjhgipohgpdnoc

link nà y sẽ dẫ n bạ n và o kho ứ ng dụ ng dà nh cho Chrome củ a google, và việc

duy nhấ t bạ n phả i là m là click chuộ t đêm thêm extension nà y và o

sau khi cà i đặ t xong, bạ n sẽ thấ y 1 biểu tượ ng icon mớ i xuấ t hiện, nằ m ở

phía bên trá i đườ ng dẫ n URL củ a Chrome như sau:

Cách sử dụng Ripple

Cá ch thứ c hoạ t độ ng củ a Ripple là dự a và o đườ ng dẫ n link URL – đườ ng
dẫ n link URL nà y cầ n chỉ tớ i file hoạ t độ ng chính củ a ứ ng dụ ng Phonegap
mà ta đang phá t triển (thườ ng là file có tên là index.html trong thư mụ c
WWW như ta tạ o 1 Phongegap project trong eclipse)

1 điểm bạ n cầ n lưu ý: là ta phả i để đườ ng dẫ n link URL nà y có dạ ng là

http://localhost/abc..... (tứ c là ta sẽ sao chép thư mụ c WWW nằ m trong 1
Phongegap project – đượ c tạ o bở i eclipse và o trong thư mụ c WWW củ a
localhost).

Nếu bạ n chưa biết cá ch để tạ o ra 1 localhost chạ y trên má y tính củ a mình,

thì bạ n nên tìm hiểu cá ch cà i đặ t và sử dụ ng Wampserver, hoặ c Vertrigo,
hoặ c Xampp (cá ch cà i đặ t và sử dụ ng nà y rấ t dễ dà ng và khô ng thiếu ở trên
internet)

Ta thự c hiện cá c bướ c sau, để chuyển đổ i 1 Phongegap Project đượ c tạ o bở i

eclipse Thà nh 1 Project mà có thể đượ c chạ y 1 cá ch dễ dà ng, mượ t mà bở i
Ripple bên trong trình duyệt Chrome:

Sao chép 1 Phongegap Project vào trong thư mục WWW trên localhost
Như thô ng thườ ng thì 1 Phongegap project đượ c tạ o bở i eclipse, thườ ng
nằ m trong thư mụ c workspace. Ví dụ như ở hình phía dướ i

Kích hoạt Ripple emulator

Ta chỉ cầ n đơn giả n ấ n và o biểu tượ ng Ripple icon (nằ m bên phía trên tay
phả i củ a trình duyệt chrome). 1 bả ng hộ p thoạ i sẽ bậ t ra, ta chọ n tiếp và o
nú t enable, ngay sau đó trang page hiện tạ i sẽ đượ c nạ p lạ i vớ i giao diện
củ a giả lậ p Ripple emulator
Chú ý là Ripple sẽ ghi nhớ thiết lậ p nà y, và nếu sau đó , ta truy cậ p trở lạ i
trang page nà y, thì nó sẽ đượ c tự độ ng nạ p lạ i và o trong Ripple. Do vậ y, nếu
ta muố n tắ t chế độ nà y đi, thì ta ấ n và o biểu tượ ng Ripple 1 lầ n nữ a và ấ n
chọ n và o disable
Như trong hình, ta sẽ thấ y có rấ t nhiều chỗ để thiết lậ p cá c cấ u hình trong
Ripple, và nếu ta muố n chỉ tậ p trung và o mà n hình chạ y ứ ng dụ ng, thì ta có
thể ấ n và o cá c mũ i tên nhỏ nằ m ở phía trên, ở 2 bên trá i và phả i để ẩ n đi các
thiết lậ p nà y
Thiết lập cấu hình Devices
Thiết lậ p cấ u hình devices, cho phép ta giả lậ p 1 tậ p danh sá ch thiết bị khá
lớ n, và thiết lậ p cấ u hình nà y đượ c tích hợ p 1 cá ch đầy đủ vớ i hà m thư viện
Device API củ a PhoneGap.

Nếu ta chạ y code mẫ u mà sử dụ ng Devices API, trên cá c thiết lậ p cấ u hình

Devices khá c nhau, thì ta sẽ nhìn thấ y cá c kết quả sau trong Ripple

Thiết lập cấu hình Platforms

Thà nh thậ t mà nó i thì ta chả cầ n để ý tớ i thiết lậ p nà y, ta có thể lự a chọ n
Phonegap phiên bả n 1.0.0 lỗ i thờ i nếu ta thự c sự muố n, nhưng ta nên để
thiết lậ p nà y như mặ c định (Mặ c định là Phonegap phiên bả n 2.0.0)
Thiết lập cấu hình Information
Thậ t sự thiết lậ p nà y cũ ng chả cầ n thiết lắ m. thiết lậ p nà y giú p ta nắ m bắ t
đượ c thô ng tin tổ ng quan trong Ripple

Thiết lập cấu hình Accelerometer

Thiết lậ p nà y cho phép ta test cá c ứ ng dụ ng liên quan đến cả m biến gia tố c
Accelerometer (hay ứ ng dụ ng liên quan đến chuyển độ ng). ta đơn giả n chi
cầ n ấ n và o nú t Shake, và ngay lậ p tứ c sẽ nhìn thấ y má y giả lậ p bị rung lắ c
Thiết lập cấu hình Settings
Thiết lậ p Tooltips và Themes, đơn giả n cung cấ p cá c cấ u hình liên quan tớ i
giao diện củ a Ripple. Tuy nhiên, thiết lậ p Cross Domain Proxy lạ i cự c kỳ
quan trọ ng.

Luô n tồ n tạ i 1 vấ n đề khi chạ y ứ ng dụ ng củ a ta trong 1 mô i trườ ng kiểu

trình duyệt desktop là cá c mã liên quan tớ i Ajax sẽ khô ng thể thự c hiện
đượ c cá c yêu cầ u cross domain requests, do đâ y là 1 vấ n đề bả o mậ t trong
trình duyệt.

Ripple cho phép ta sử dụ ng cá c hà m remote APIs 1 cá ch trự c tiếp dự a trên

1 dịch vụ proxy service. Do vậ y khi mã code củ a ta thự c hiện request tớ i 1
doimain khá c, thì