Giter Club home page Giter Club logo

mini-program's Introduction

mini-program

一个基于 Web 运行微信小程序的框架,目前还处理开发阶段,不过已有不错的成功。已经可以运行 vant-app 小程序版本、以及 weui-app 小程序版本。

项目还处于早期阶段,上手比较容易,欢迎一起参与开发此开源项目,让我们不再饱受微信开发工具的困扰,随时随地开发调试小程序。感兴趣可以加我「微信二维码」。

Vant 小程序

vant

vant

WeUI 小程序

vant

vant

运行 DEMO

环境依赖

vscode 
node > 16 
pnpm 
nx

开始

  • 安装依赖
pnpm i
  • 构建代码
pnpm build
  • 执行 vscode 调试模式,调试配置选择 「@catalyzed/cli」 在此之前,如果运行的是 vant,需要下载官方 vant-app 仓库,构建出 dist 目录;而后将 dist 目录复制至 packages/cli/example/vant 目录下
{
  "name": "@catalyzed/cli",
  "program": "${workspaceRoot}/packages/cli/src/cli",
  "request": "launch",
  "cwd": "${workspaceFolder}/packages/cli/example/vant", // 将 vant 切换为 weui 可运行 weui 项目,切换时候,注意源码启动页
  "env": {
  "PORT": 4001,
  "DEBUG": "wx:*"
  },
  "skipFiles": [
  "<node_internals>/**"
  ],
  "runtimeArgs": [
  "-r",
  "ts-node/register",
  "-r",
  "tsconfig-paths/register"
  ],
  "args": ["start"],
  "type": "pwa-node",
  "console": "integratedTerminal",
  "internalConsoleOptions": "neverOpen",
  "port": 9229
}

可能遇到的问题

  • 无法编译微信代码 本项目依赖 「微信代码编译工具 wsc wscc」,苹果 M 系列需要安装 「Rosetta」

架构设计

vant

模块说明

vant

路线图

// TODO

其他

未来还会将 iFrame 层,增加类似 Flutter 的实现,通过定义渲染器切换

微信

欢迎交流

vant

License

Copyright (c) Aniwei. All rights reserved. Licensed under the MIT license.

mini-program's People

Contributors

aniwei avatar

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.