/chrome-app-samples

Chrome Apps

Primary LanguageJavaScriptApache License 2.0Apache-2.0

Chrome Apps samples

Official samples for Chrome Apps platform. If you want to learn about the platform, you can:

  1. look at the source code of the samples below. Most samples have a "Try it now" button that allows you to install and play with it.
  2. read the official docs
  3. follow the official Codelab presented at Google I/O

If you have questions, search or ask at StackOverflow (observe the google-chrome-app tag) or join the Chromium Apps Google group.

Samples

Sample API or feature Link
analytics storage
ios
android
Try it now
appengine_channelapi/app webview
Try it now
appsquare geolocation
identity
storage
Try it now
blink1 hid
usb
Try it now
bluetooth-samples/battery-service-demo bluetooth
Try it now
bluetooth-samples/device-info-demo bluetooth
Try it now
bluetooth-samples/heart-rate-sensor bluetooth
Try it now
calculator clipboard
ios
android
Try it now
camera-capture getUserMedia
Try it now
clock framelessWindows
geolocation
richNotifications
storage
Try it now
context-menu contextMenu
Try it now
dart dart
ios
Try it now
desktop-capture desktopCapture
Try it now
dialog-element Try it now
diff clipboard
fileSystem
storage
Try it now
filesystem-access fileSystem
storage
Try it now
frameless-window framelessWindows
Try it now
gcm-notifications gcm
richNotifications
storage
Try it now
gdrive framelessWindows
identity
Try it now
github-auth identity
Try it now
hello-world ios
android
Try it now
hello-world-sync storage
ios
android
Try it now
hid hid
usb
Try it now
identity identity
android
Try it now
image-edit fileSystem
storage
Try it now
in-app-payments in-app-payments
ios
android
Try it now
in-app-payments-with-server-validation/chromeapp in-app-payments
Try it now
instagram-auth identity
Try it now
io2012-presentation framelessWindows
getUserMedia
serial
storage
webview
-
io2012-presentation/helloworld -
io2012-presentation/servo getUserMedia
serial
-
ioio bluetooth
Try it now
keyboard-handler Try it now
manga-cam framelessWindows
getUserMedia
syncFileSystem
Try it now
mdns-browser framelessWindows
socket
systemInfo
Try it now
media-gallery mediaGallery
Try it now
messaging/app1 messaging
Try it now
messaging/app2 messaging
Try it now
messaging/extension messaging
richNotifications
Try it now
mini-code-edit commands
contextMenu
fileSystem
Try it now
multicast framelessWindows
messaging
old_sockets
storage
Try it now
one-time-payment identity
storage
Try it now
optional-permissions optionalPermissions
Try it now
parrot-ar-drone old_sockets
android
Try it now
printing print
storage
systemInfo
Try it now
push-guestbook/guestbook-app pushMessaging
Try it now
push-messaging-roundtrip-sample pushMessaging
richNotifications
Try it now
push-sample-app pushMessaging
richNotifications
Try it now
restarted-demo storage
ios
Try it now
rich-notifications richNotifications
android
Try it now
sandbox sandbox
Try it now
sandboxed-content sandbox
Try it now
serial/adkjs/app serial
Try it now
serial-control-signals serial
Try it now
serial/espruino serial
Try it now
serial/ledtoggle serial
Try it now
servo getUserMedia
serial
Try it now
storage Try it now
syncfs-editor syncFileSystem
Try it now
systemInfo systemInfo
Try it now
tasks identity
android
Try it now
tcpserver socket
systemInfo
webview
Try it now
telnet socket
Try it now
text-editor clipboard
fileSystem
Try it now
todomvc alarms
fileSystem
richNotifications
storage
syncFileSystem
android
-
tts tts
-
udp old_sockets
ios
Try it now
url-handler storage
webview
Try it now
usb/knob optionalPermissions
usb
Try it now
usb-label-printer fileSystem
getUserMedia
optionalPermissions
usb
Try it now
weather geolocation
storage
ios
Try it now
webgl-pointer-lock framelessWindows
pointerLock
Try it now
webserver old_sockets
android
Try it now
websocket-server old_sockets
ios
Try it now
web-store fileSystem
identity
storage
webstore
Try it now
webview-samples/browser webview
Try it now
webview-samples/declarative-web-request storage
webview
Try it now
webview-samples/insert-css storage
webview
Try it now
webview-samples/local-resources webview
Try it now
webview-samples/new-window webview
Try it now
webview-samples/new-window-user-agent contextMenu
webview
Try it now
webview-samples/shared-script webview
Try it now
webview-samples/user-agent webview
Try it now
webview-samples/webview geolocation
getUserMedia
pointerLock
webview
Try it now
window-options fullscreen
Try it now
windows framelessWindows
Try it now
window-state fullscreen
Try it now
zephyr_hxm bluetooth
sandbox
Try it now

Samples by features

API or feature Samples
alarms todomvc
bluetooth bluetooth-samples_battery-service-demo bluetooth-samples_device-info-demo bluetooth-samples_heart-rate-sensor ioio zephyr_hxm
clipboard calculator diff text-editor
commands mini-code-edit
contextMenu context-menu mini-code-edit webview-samples_new-window-user-agent
dart dart
desktopCapture desktop-capture
fileSystem diff filesystem-access image-edit mini-code-edit text-editor todomvc usb-label-printer web-store
framelessWindows clock frameless-window gdrive io2012-presentation manga-cam mdns-browser multicast webgl-pointer-lock windows
fullscreen window-options window-state
gcm gcm-notifications
geolocation appsquare clock weather webview-samples_webview
getUserMedia camera-capture io2012-presentation io2012-presentation_servo manga-cam servo usb-label-printer webview-samples_webview
hid blink1 hid
identity appsquare gdrive github-auth identity instagram-auth one-time-payment tasks web-store
in-app-payments in-app-payments in-app-payments-with-server-validation_chromeapp
mediaGallery media-gallery
messaging messaging_app1 messaging_app2 messaging_extension multicast
old_sockets multicast parrot-ar-drone udp webserver websocket-server
optionalPermissions optional-permissions usb_knob usb-label-printer
pointerLock webgl-pointer-lock webview-samples_webview
print printing
pushMessaging push-guestbook_guestbook-app push-messaging-roundtrip-sample push-sample-app
richNotifications clock gcm-notifications messaging_extension push-messaging-roundtrip-sample push-sample-app rich-notifications todomvc
sandbox sandbox sandboxed-content zephyr_hxm
serial io2012-presentation io2012-presentation_servo serial_adkjs_app serial-control-signals serial_espruino serial_ledtoggle servo
socket mdns-browser tcpserver telnet
storage analytics appsquare clock diff filesystem-access gcm-notifications hello-world-sync image-edit io2012-presentation multicast one-time-payment printing restarted-demo todomvc url-handler weather web-store webview-samples_declarative-web-request webview-samples_insert-css
syncFileSystem manga-cam syncfs-editor todomvc
systemInfo mdns-browser printing systemInfo tcpserver
tts tts
usb blink1 hid usb_knob usb-label-printer
webstore web-store
webview appengine_channelapi_app io2012-presentation tcpserver url-handler webview-samples_browser webview-samples_declarative-web-request webview-samples_insert-css webview-samples_local-resources webview-samples_new-window webview-samples_new-window-user-agent webview-samples_shared-script webview-samples_user-agent webview-samples_webview

Mobile support

You can generate native mobile versions of the samples below using the procedure described here.

SampleAndroid supportiOS support
analyticsSupported.Supported.
calculatorSupported. Visual issues caused by fixed-size layoutSupported. Visual issues caused by fixed-size layout
dartSupported. Visual issues caused by fixed-size layout
hello-worldSupported.Supported.
hello-world-syncSupported. sync storage doesn't actually sync - works localSupported. sync storage doesn't actually sync - works local
identitySupported. You need to add an Android OAuth app in the Cloud API console of the OAuth project. The app's SHA1 can be the debug one (see more here), and the package name is org.chromium.identity.MyApp. If you don't add the Android OAuth app and tries to use the OAuth client-id from the Chrome app, you will get a generic message GoogleAuthException
in-app-paymentsSupported. There is a similar demo for mobile Chrome Apps, as part of the Mobile Chrome App Samples collection.Supported. There is a similar demo for mobile Chrome Apps, as part of the Mobile Chrome App Samples collection.
parrot-ar-droneSupported. Communication to the Drone works, but the UI requires a connected gamepad.
restarted-demoSupported. Restart must be done via Safari remote debugging.
rich-notificationsSupported.
tasksSupported.
todomvcSupported.
udpSupported.
weatherSupported.
webserverSupported. Directory picking doesn't work on some versions of Android
websocket-serverSupported.

Libraries and tools