Git Product home page Git Product logo

carguo / gsygithubappweex Goto Github PK

View Code? Open in Web Editor NEW
744.0 35.0 147.0 98.09 MB

超完整的Weex开源项目,功能丰富,适合学习和日常使用。GSYGithubApp系列的优势:我们目前已经拥有Flutter、Weex、ReactNative、Kotlin四三个版本。 功能齐全,项目框架内技术涉及面广,完成度高,配套文章,适合全面学习,对比参考。开源Github客户端App,更好的体验,更丰富的功能,旨在更好的日常管理和维护个人Github,提供更好更方便的驾车体验Σ( ̄。 ̄ノ)ノ。同款Flutter版本 : https://github.com/CarGuo/GSYGithubAppFlutter 、同款React Native版本 : https://github.com/CarGuo/GSYGithubApp 、原生 kotlin 版本 https://github.com/CarGuo/GSYGithubAppKotlin

Home Page: https://juejin.im/user/582aca2ba22b9d006b59ae68/posts

License: Apache License 2.0

JavaScript 97.39% CSS 0.14% HTML 0.70% Java 0.58% Vue 1.02% Ruby 0.01% Objective-C 0.16% C 0.01%
weex

gsygithubappweex's Introduction

gsygithubappweex's People

Contributors

carguo avatar carguosmall avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

gsygithubappweex's Issues

weex debug ios扫码空白

weex debug
phone : iphone6s ios 10.3
通过 WeexPlayground app 扫码后页面空白,安卓机正常

根据 GSYGithubAppWeex 步骤配置多页面App出现错误,Web显示正常

电脑环境

OS win7
AS 3.1.4
开发工具WebStorm

我的配置步骤

  • 在 components 下创建要跳转的页面 KGMainPage.vue
  • 在 src 目录下创建 entry 文件夹,并在其中创建 KGMainPage.js 文件

代码如下

import store from '../store'
import mixins from '../mixins/index'
import * as filters from '../filter/filter'
import KGMainPage from '../components/KGMainPage.vue'

//sync(store, router)

Object.keys(filters).forEach(key => {
    Vue.filter(key, filters[key])
})

// register global mixins.
Vue.mixin(mixins)

/* eslint-disable no-new */
new Vue(Vue.util.extend({el: '#root', store}, KGMainPage));

基本是复制了您Demo中的代码

  • 在 webpack.commpn.conf.js 文件中配置 Entry 代码如下
const path = require('path');
const fs = require('fs-extra');
const webpack = require('webpack');
const config = require('./config');
const helper = require('./helper');
const glob = require('glob');
const vueLoaderConfig = require('./vue-loader.conf');
const vueWebTemp = helper.rootNode(config.templateDir);
const hasPluginInstalled = fs.existsSync(helper.rootNode(config.pluginFilePath));
const isWin = /^win/.test(process.platform);
const weexEntry = {
    'index': helper.root('entry.js'),
    'KGMainPage': helper.root('entry/KGMainPage.js')
};

包括在 entry.js 文件中通过 Vue.mixin( mixins )配置您写的跳转工具类 index.js

import mixins from '@/mixins/index'
// register global mixins.
Vue.mixin(mixins);

我基本完全按照您项目中的步骤进行配置,但配置完后出现了一些错误

错误详情:

  • weex debug

通过 WeexPlayground 和 weex dev tool 进行调试发现错误如下(手机为 HUAWEI mate 10),界面一直在转圈,什么也没加载出来

Application onActivityPause()
Application to be in the backround
Warning :Component tree has not build completely,onActivityCreate can not be call!
Warning :Component tree has not build completely, onActivityResume can not be call!
end getBundleType type:Others time:3
reportJSException >>>> instanceId:12, exception function:createInstance, exception:Exception: TypeError: null is not an object (evaluating 'this._init')
Vue@(global function):39646:7
use@(weex framework):1:82551
(global function):34906:8
__webpack_require__@(global function):25:34
(global function):47990:33
__webpack_require__@(global function):25:34
(global function):68:37
(global function):69:12
anonymous@(global function):51351:7
(weex framework):1:40926
createInstance@(weex framework):1:40937
(weex framework):1:255299
  • 手机显示

我通过 weex run android 将 apk 安装到了手机(MX4),SplashActivity闪过后到 WXPageActivity 界面出错,屏幕显示 render error:2013 ,Logcat 报错如下

E/jsengine:  ReportException : Exception: TypeError: null is not an object (evaluating 'this._init')
    Vue@(global function):39645:7
    use@(weex framework):2:30001
    (global function):34905:8
    __webpack_require__@(global function):24:34
    (global function):47989:33
    __webpack_require__@(global function):24:34
    (global function):67:37
    (global function):68:12
    anonymous@(global function):51350:4
    a@(weex framework):3:30112
    (weex framework):8:22648

E/weex: reportJSException >>>> instanceId:3, exception function:createInstance, exception:Exception: TypeError: null is not an object (evaluating 'this._init')
    Vue@(global function):39645:7
    use@(weex framework):2:30001
    (global function):34905:8
    __webpack_require__@(global function):24:34
    (global function):47989:33
    __webpack_require__@(global function):24:34
    (global function):67:37
    (global function):68:12
    anonymous@(global function):51350:4
    a@(weex framework):3:30112
    (weex framework):8:22648

并且我认真检查了半天,在 android assets 目录中发现了不同

  • MyProject
    my_assets

  • GSYGithubWeexApp
    gsy_asstes

上述问题我 Baidu Google 了许久,未发现有用的信息,可能我的姿势不对,毕竟刚接触 weex Vue 不久,你的 踩坑系列博客我也看了,项目中的 question 也看了,但是无法解决这个问题,可能博主还是还做了其他的配置我没有发现,希望博主看到后能够及时回复下,谢谢了

如果出现登陆失败或者请求失败

1、确定你申请的 ClientId 和 ClientSecret 是正确的。

2、确定正常使用用户名密码登陆或者 OAuth 登陆。

3、Connection refused 的情况请更换网络环境。

The message 'Connection Refused' has two main causes:

  • Nothing is listening on the IP:Port you are trying to connect to.

  • The port is blocked by a firewall.

Http 请求 422 请检查申请的 ClientId、 ClientSecret,登陆用用户名和密码,不用使用邮箱;授权登记方式记得 readme 中的 Authorization callback URL 一栏必须填入 gsygithubapp://authed

Connection Refused 问题是Github Api 和我们天朝网络的兼容问题,建议稍后再试或者换个网络环境(wifi、4G、电信/移动/联通)

weex-ui中util工具有文档吗

看了下weex-ui的util工具,weex-ui官网上没有说明文档,但是我看项目里用到了,请问哪里有utils的说明文档吗

你是怎么加载本地图片的?

我在新建一个demo中使用了本地图片,但是不能打包到APP中,你是怎么打包进去的?我看你的静态资源(static)都能导进APP项目中

关于iOS设备几个适配点

  • 状态栏高度:iPhone X为44 ,其他设备为 20
  • 导航栏高度为 44
  • Tabbar高度为 49
  • 对于iPhone X,底部工具栏需要为home indicator留出 34

请问启动时出现问题

ERROR Failed to compile with 3 errors 01:17:25

These relative modules were not found:

  • ../common/ignoreConfig in ./src/core/net/user.js
  • ../core/common/ignoreConfig in ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/components/EditIssuePage.vue, ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/components/LoginPage.vue

1. 关于APK登陆无效问题

  1. 作者你好。我最近在对比rn,flutter,weex的性能比较。刚好看到你这有各类同款APP,非常感谢。目前Weex的这个项目我本地应该是版本问题编译不过了,然后使用已有的APP登陆,github账号无效且没有报错信息。我的手机是Android10,请问Weex这个还维护吗,又直接能用的APP吗,谢谢

咨询

hi,您好,我是闲鱼测试同学,有准备flutter和一些跨端的开发工具的对比,看到您用现在主流的跨端的语言写了3个App,我能否使用您的这3个App做一轮对比测试,文章应该会在一些公共的平台进行分享,到时候会附上您github的地址,您看是否可以,没有您的联系方式,如果可以的话,能加一下我的微信76146462 或者邮件 [email protected] 我们具体沟通一下吗?万分感谢!

ios模拟器登陆失败

由于CocoaPods的原因 我修改了
pod 'WeexSDK', :git => 'https://github.com/CarGuo/incubator-weex.git', :branch => '0.18.0.2_web'
变为
pod 'WeexSDK‘, '=0.18.0'
能到登陆界面,但是输入用户名密码 转个圈之后没有任何反应 ,没有其他toast提示,控制台也没有消息

请问使用vuex报错 Vue is not defined你怎解决的

入口enter.js代码

const App = require('@/index.vue');
import api from '@/apis/index.js';

import store from './store';
import nInput from '@/components/n-input.vue';
const router = require('./router');

Vue.component('n-input', nInput);
Vue.use(api);

new Vue(Vue.util.extend({el: '#root', router, store}, App));
router.push('/');

store.js的代码

import Vuex from 'vuex'

import common from '@/store/common/index';
import user from '@/store/user/index';
import performance from '@/store/performance/index';

Vue.use(Vuex);

export default new Vuex.Store({
    state: {
        name: '9000001'
    },
    modules: {
        common: common,
        user: user,
        performance: performance
    },
    strict: false
})

修改了configs的配置

image
image
运行npm run start 报错
image

关于开发过程调试代码

你好,非常感谢你开源这个项目,现有几点疑问望解答。

  • 开发过程是怎样调试代码的?我用的是mac,命令行运行weex debug,然后使用WeexPlayground这个app扫描二维码,然而只是能调试这个app,而不是自己要开发的app,请问正确的调试姿势是怎样的?
  • 项目中有使用gsyWeb这个原生组件,但对应iOS项目目录中并未找到对应的CustomWebComponent文件,注册代码也被注释掉了,为什么呢?

wxc-taber 嵌套Vue页面在 Web 端不显示

如题,我将您的项目运行在 web 端时发现 WxcTabBar嵌套的 Vue 不显示,@CarGuo 您知道这个问题该怎么解决吗? ,我试过重新调整过高度,但并没有什么作用,在控制台也没有抱任何错误
190124135134

weex run android

windows 环境

15:18:46 : Error: Error: Command failed: npm run build
npm ERR! code ELIFECYCLE
npm ERR! errno 2
npm ERR! [email protected] build: webpack --env.NODE_ENV=common
npm ERR! Exit status 2
npm ERR!
npm ERR! Failed at the [email protected] build script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\ranji\AppData\Roaming\npm-cache_logs\2019-01-23T07_18_46_342Z-debug.log

at ChildProcess.exithandler (child_process.js:270:12)
at emitTwo (events.js:125:13)
at ChildProcess.emit (events.js:213:7)
at maybeClose (internal/child_process.js:921:16)
at Socket.stream.socket.on (internal/child_process.js:348:11)
at emitOne (events.js:115:13)
at Socket.emit (events.js:210:7)
at Pipe._handle.close [as _onclose] (net.js:549:12)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.