YAPI – Viết ứng dụng nhanh chóng

Chào mọi người, nếu các bạn đã biết YAPI trước rồi thì có lẽ không cần hướng dẫn, nhưng hôm nay mình sẽ hướng dẫn các bạn dùng YAPI tạo ra ứng dụng Windows Phone để tham gia các cuộc thi đang diễn ra hiện nay kể cả những bạn chưa biết lập trình 😀 nghe có vẻ mơ hồ nhưng sự thật mình sẽ hướng dẫn ngay bây giờ!

Điều kiện tiên quyết:

Máy tính phải có chương trình hỗ trợ lập trình: Visual Studio, và đã cài thêm Windows Phone SDK

Nếu máy tính sử dụng Windows 8 – 64 bit thì nên cài Visual Studio 2012 và Windows Phone SDK 8.

Thực hiện:

1. Tải template và các thư viện DLL này về:

WP7: http://www.mediafire.com/download/6d5ygok38q5gd70/YAPI_WP7_Full.zip

WP8: http://www.mediafire.com/download/f616nyiq9ncn063/YAPI_WP8_Full.zip

2. Copy template (YAPI_WP7.zip hoặc YAPI_WP8.zip) vô máy tính ở thư mục tương đương như bên dưới theo máy tính bạn có

(đổi PCName thành tên bạn trên máy tính nhé, thư mục MyTempale là bạn tạo thêm, tên có thể khác tùy bạn):

C:\Users\PCName\Documents\Visual Studio 2012\Templates\ProjectTemplates\Visual C#\My Template

3. Mở Visual Studio lên, File -> New Project -> Installed -> Templates -> Visual C# -> MyTemplate => YAPI_WP7

Đặt tên cho ứng dụng ở dưới phần name như hình, lưu ý Location – chỗ lưu project để dùng cho bước 7

1

4. Add reference (những file thư viện trong thư mục DLL đã tải về bước đầu)

Bạn mở mục Reference trong project vừa tạo sẽ thấy các chấm thang màu vàng với các reference không tồn tại (vì nó nằm trên máy tính của mình), delete chúng, rồi add những reference trong thư mục DLL vào nhé.

5. Sửa code

Mở và sửa file App.xaml.cs theo ý muốn tại hàm Application_Launching như hình (WP8 thì ngắn hơn download về bạn sẽ thấy):

yapi

6. Sau đó xổ mục Properties của project ra -> mở WMAppManifest.xml -> chỉnh tên ứng dụng lại.

name

7. Tạo icon (đặt tên là ApplicationIcon.png) cho ứng dụng

Kích thước 300×300 để thay thế cho icon hiện tại, tạo xong chỉ cần chép đè lên nó trong thư mục của project (như Location bước 3 đã nêu)

8. Cuối cùng chạy ứng dụng bấm F5

Nếu chỗ debug của Visual Studio bạn chọn là Emulator thì nó mở Emulator lên (lưu ý là emulator phải nhận mạng nhé). Rồi dùng chức năng ScreenShot của máy ảo để chụp ảnh lại, phòng khi up ứng dụng lên Store sẽ có phần bắt upload mấy ảnh đó (ít nhất là 1 ảnh).

Nếu bạn có máy WP thì cấm vào và phải được unlock dev theo hướng dẫn trên các diễn đàn, rồi chọn Device trong mục debug của Visual Studio. F5 để dev lên máy và dùng chức năng chụp màn hình của máy WP lưu lại.

*****************************

Vậy là bạn đã có 1 ứng dụng xem video youtube dùng YAPI rồi, có thể up lên Windows Phone Dev Center tại đây:

https://dev.windowsphone.com/en-us/ApplicationList?view=Submission

(Cần phải đăng ký account trước nhé)

Cách submit ứng dụng thì các bạn có thể tìm hiểu, file XAP tạo ra nằm ở thư mục BIN/Debug của project, như mình tạo ở bước 3  thì file XAP nằm ở:

H:\IT\C Sharp\Project\Dev\XemPhimDoremon\XemPhimDoremon\Bin\Debug

Chúc các bạn thành công!

Advertisements

37 thoughts on “YAPI – Viết ứng dụng nhanh chóng

  1. Mình đã tải về và chạy thử, lỗi ko tìm thấy file Resources…
    trong bài chỉ có appresources

  2. Help em bị lỗi khi khởi tạo máy ảo:

    the windows phone emulator wasn’t able to ensure the virtual machine was running
    Something happened while starting a virtual machine: ‘Emulator WVGA 512MB.ng ngoc phuc thinh” could not initialize. (Virtual machine ID 724277Ả-5AC1-45E9-EE6E265355F8 )

    Not enough memory in the system to start the virtual machine Emulator WVGA 512MB.ng ngoc phuc thinh with ram size 512 megabytes. (Virtual machine ID 724277Ả-5AC1-45E9-EE6E265355F8 )

  3. Bạn cho mình hỏi: khi mình chạy ứng dụng này nó báo “Check Internet!” xong loading hoài,chỉ thấy cái hình nền của app , mặc dù các ứng dụng khác vẫn truy cập internet bình thường. Lỗi này là như thế nào bạn?

  4. Em làm được rồi anh ơi nhưng mà nếu trong Channel lại có playlist ,(nhiều list khác nhau) vậy nếu em muốn lấy chỉ 1 list thôi thì làm sao a ?
    VD đàm vĩnh hưng là channel
    Trong đó có album 1 2 3 4
    => em chỉ muốn lấy 1 mà ko lấy 2 3 4 thì làm sao a ???

  5. Mình làm xong đến bước 8, Nhấn F5 rồi sau đó bị lỗi này :
    ( Máy mình là Windows 8 – 64 và mình dùng Visual Studio 2013 )
    Can’t start the Windows Phone Emulator

    The Windows Phone Emulator requires Hyper-V. Your PC is missing the followwing pre-requisites required to run Hyper-V:
    – Windows 8 Professional (64 bit)

  6. WP8 mình lại ko thấy template mà chỉ có 2 file DLL. Mình thử cấu chúc bên wp7 lúc chạy đến lúc load video thì lại die.

  7. Anh cho em hỏi cái YAPI.dll ấy. Thư viện này anh viết. Có phải là anh đọc xml rồi parse để lấy về Id, Title.. rồi gán vào list đúng ko ạ hay là a viết theo hướng nào ạ.

  8. Vâng. E có dùng cách đọc Atom cũng bằng link trên anh à. Em dùng trên winphone. Nhưng khi chưa dùng thư viện của anh bị out memory. Mà a có thể share thư viện YAPI để e học hỏi đc ko ạ.

    • em đã biết lấy data từ đâu rồi mà học hỏi j nữa em, chỉ là lọc json đẩy vào các structure thôi mà, em đọc json được là xong rồi còn gì

  9. Anh cho em hỏi. Em cài cái thư viện Youtube gdata trên nuget cho Winphone ấy. Không thể kết nối đc. Nhưng nếu dùng ở ứng dụng winform hay console thì kết nối bình thường đc. Ở cái chuỗi YoutubeRequestSetting ấy. Mãi mà không đc. A đã dùng cái này bao giờ chưa. Không phải cách parse json anh nhé.

    • Hi Quang, anh chưa thử thư viện này nên anh cũng chưa rõ nữa, nhưng có lẽ do máy ảo của em chưa kết nối mạng thành công nhỉ. YAPI a get json data nên a chỉ có thể hỗ trợ e về YAPI nhé. goodluck em!

  10. Ở Bước 3, em k thể tìm thấy MyTeamplate, phải vào trong Visual C#/MyTeamplate giải nén file YAPI_WP8 sau đó new project mới thấy. Thứ 2 ở Bước 5, khi code đến chỗ CreateFlipTile thì nó báo lỗi ở đây. Anh giúp em với! Bước 4 em đã thực hiện đúng như trên. Em dùng VS 2013 Pro

    • Hi em, khi đã thấy là ok rồi nhé vì em bắt buộc phải giải nén ra để có file template mà.
      Thứ 2 là em xóa cái CreateFlipTile đi cũng được nhé

  11. Bạn Cho Mình Xin lại mấy cái thư viện build ở dạng release được ko, dạng debug nó không cho up lên store

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s