Skip to content

我们基于 Weex 和 Vue 开发了一个的完整项目 weex-hackernews ,引入了包含 Vue 2.x 的 WeexSDK,创建了三端的项目和基本的编译配置。在项目中使用了 Vuex 和 vue-router ,能够实现同一份代码,在 iOS、Android、Web 下都能完整地工作。

Notifications You must be signed in to change notification settings

501956430/weex-hackernews

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Hacker News App

中文版说明文档

A mobile app for Hacker News, which is powered by Weex and Vue.

Preview

Use Weex Playground App to scan the QR code below.

QR Code

The content of this QR code is http://whatever.cn?_wx_tpl=https://raw.githubusercontent.com/weexteam/weex-hackernews/master/ios/assets/index.js , please make sure your phone can assess GitHub.

Compile

Install the dependencies:

npm install

Compile the source code:

  • npm run build # Compile the source code for web platform and native platform.
  • npm run dev # Watch mode for npm run build.

Copy the bundle file:

  • npm run copy:android # Copy generated bundle file to the assets of Android project.
  • npm run copy:ios # Copy generated bundle file to the assets of iOS project.
  • npm run copy # Run both copy:andriod and copy:ios.

More npm scripts will be find in the package.json.

Start Web Service

npm run serve

The server is listening on 1337. Visit http://127.0.0.1:1337/index.html can preview the app on browser.

Run The Android Project

First you should install Android Studio and Android SDK.

Assuming you have configured the Android development environment properly, just use Android Studio to open the project in the android folder, and run the app as other normal Android projects.

Run The iOS Project

First you should setup the iOS develop environment and install the CocoaPods.

Enter the ios path, use CocoaPods to install dependencies:

pod install

Open the project in the ios folder by Xcode, you could run the app on the simulator.

NOTE: If you want to run the app on real device, you also need to setup your own signing configuration.

About

我们基于 Weex 和 Vue 开发了一个的完整项目 weex-hackernews ,引入了包含 Vue 2.x 的 WeexSDK,创建了三端的项目和基本的编译配置。在项目中使用了 Vuex 和 vue-router ,能够实现同一份代码,在 iOS、Android、Web 下都能完整地工作。

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published