每天推薦一個 GitHub 優質開源項目和一篇精選英文科技或編程文章原文,歡迎關注開源日報。交流QQ群:202790710;電報群 t.me/openingsource


今日推薦開源項目:《用 proton-native 創建跨平台桌面應用》;GitHub地址

推薦理由:proton-native 是一個結合了 node, libui, react 的一個產物,使用 node 的環境, react 的語法和 libui 的跨平台調用 ui 控制項的能力。proton-native 可用於構建跨平台的桌面應用,構建方式簡單,構建的包輕量。

使用

在安裝了 node 環境的前提下開始創建一個 app,注意 node 版本,自己測試了一下發現 8.0 會報錯,用了最新的 9.7.1 才不會出問題,使用最新的 node 8.9.4 LTS 版本也應該問題不大。

# install the cli app
npm install -g create-proton-app
# create your project
create-proton-app my-app
# move to your project directory
cd my-app
# run your app
npm run start

寫了一個小 Demo,獲取天氣信息並展示出來

import React, { Component } from 'react'; // import from react
import { render, Window, App, TextInput, Grid, Box, Menu, Text } from 'proton-native'; // import the proton-native components
import http from 'http';

class Example extends Component {
    constructor(props) {
        super(props);
        this.state = {
            text: ''
        }
    }
    render() {
        return (
            <App>
                <Menu label="HI">
                    <Menu.Item>Hi</Menu.Item>
                </Menu>
                <Window title="天氣情況" size={{w: 500, h: 500}}>
                    <Grid padded={true}>
                        <Box>
                        <Text>{this.state.text}</Text>
                        </Box>
                    </Grid>
                </Window>
            </App>
        );
    }

    componentDidMount() {
        //使用 node 的 http 模塊
        http.get({
            hostname: 'mat1.gtimg.com',
            path: '/weather/inc/minisite2_125.js'
        }, (res) => {
            let rawData = '';
            res.setEncoding('utf8');
            res.on('data', (chunk) => { rawData += chunk; });
            res.on('end', () => {
                try {
                    this.setState({text: rawData});
                } catch (e) {
                    console.log(e);
                }
            });
        });
    }
}

render(<Example />); // and finally render your main component

 

只是純粹獲取信息展示出來,但是目前 proton-native 的表現還是非常糟糕的。

2018年3月12日:開源日報第4期

感想

初步使用 proton-native 後感覺和想像中還是有很大的差距,在構建 UI 方面確實沒有 Electron 一類來得方便,並且在功能上還有很多缺失,連最基礎的 Text 都會出現很多問題。從目前的擴展性和自由度角度出發還很難構建一個商業化的產品,但是對於自己嘗試玩玩的小項目還是值得一試的。

如果要構建一個產品化的東西還是先考慮,Electron 和 Nwjs,React-Native 也有桌面版的在 macOS 下的 react-native-macos,當然如果要考慮跨平台的話,做一個殼放個 webview 也是一個選擇哇。


今日推薦英文原文:《How I Hacked My University』s Registration System with Python and Twilio

推薦理由:學校的選課系統經常沒法用?或者選不上心儀的課?…..不用擔心,看看這位小哥,是如何使用 Python 和 Twilio 來 hack 掉他們學校的選課系統的。不過,建議最好不要在你們自己的學校做這件事….別人學校…嗯,可能也不合適。

 

How I Hacked My University』s Registration System with Python and Twilio

2018年3月12日:開源日報第4期

University students know the pain of trying to register for a class only to realize it』s full. At my university we didn』t even have a waitlist system for most classes. We had to resort to logging in and checking the site multiple times a day. This seemed like something a computer could do, so I set out to automate it with a bit of Python and the Twilio API.

Getting Started

Because the university』s course registration system is behind a password login, we』re going to use a simplified site I set up. For the purposes of this demo, it alternates each minute between having no open seats in CS 101 and having one open seat.

We』re going to use a few libraries to help us with this project. Assuming you already have pip installed, go ahead and install them by running the following pip command: