微信小程序wepy框架开发之入门开发

新手入门宝典:从零开始做微信小程序开发 开发前必读简要 基于大量无效开发,无法上线的案例,所以开发前部分知识十分重要;| 链接 微信小程序个人注册简单步骤 打开mp.weixin.qq.com,点击右上角立即注册,进入小程序注册| 链接 微信开发者工具【项目】详解 为什么我的小程序通过审核,但是搜索不到呢?原因是必须在后台内点击发布,才会发布;| 链接 小程序开发上线(发布)步骤 这 阅读详情

写在前面

刚入门微信小程序开发,只是用来开发一些小工具来使用,没有太深入的研究,就当做个笔记。微信小程序的开发方式有很多种,可以基于原生API开发,或者wepy框架等,其他的还有很多,暂且记录一下基于wepy的开发过程。wepy的框架很多API还是继承了原生的,微信官方的API说明也是有参考价值的,特别是使用了硬件相关的模块,比如蓝牙,WiFi,NFC,等等。

一、微信官方编译器

编译器下载
基于第三方框架开发的话,这个编译器只能当作一个界面效果显示,和调试的工具,具体的编译其实是通过命令行调用wepy的工具来编译的。

二、WEPY的安装与使用

WEPY的相关依赖和库是通过npm(Node Package Manager)来下载安装的,但是要想用npm,就要先安装nodejson环境。

安装node

下载node
选择相应的系统版本下载根据提示安装即可。

命令行操作npm

打开windows powershell(在某个文件夹下,按下shift键,点击鼠标右键,弹窗里会有个选项在此处打开PowerShell窗口),
在窗口输入npm -v,然后enter查询npm的版本,若有返回,表示npm可用了。

npm下载安装wepy

根据wepy的官方教程安装wepy,命令行窗口输入npm install wepy-cli -g进行安装wepy相关依赖。根据官方教程,还可以下载官方的使用例程,快速开发。
wepy build编译程序,其实就是把wepy的api编译转换成原生的api,这样微信官方开发者工具就可以识别了。
wepy build --watch(此命令有bug,有时候编译不过来,编译完后,开发者工具识别不到)开启实时编译,enter后,命令行窗口不可输入,底层会监控源代码是否有改动,若有改动会自动编译,命令行窗口编译完后,开发者工具监测到有改动时也会自动更新显示,使用这个命令之前最好先运行wepy build.

微信小程序开发之——组件化框架WePY-快速开始 创建一个空白的目录作为项目目录,在命令提示符中切换到该目录,通过wepy init初始化项目wepy init standard myproj # 使用 standard 模板初始化项目根据提示信息,配置项目(Enter,使用默认配置)?????Yes?[外链图片转存中…(img-0a0CAG7a-1711964135527)] 阅读详情

相关推荐

用Blender给ArduPilot无人船编队设计灯光秀:从建模到飞行的保姆级教程

本文详细介绍了如何利用Blender和ArduPilot为无人船编队设计灯光秀的全流程技术方案。从3D动画设计、坐标转换、数据导出到ArduPilot飞控配置和灯光控制,提供了一套完整的保姆级教程,帮助开发者实现水面灯光编队表演。

weixin_29213525的博客 386

深入wepy源码:wpy文件编译过程


 
 
 
 
 
 
 本文摘要来自摩拜前端团队 yingye本文从源码入手分析了 wpy 文件的编译过程,在文末还介绍了如...

程序员小灰的博客 4030

OpenManus本地部署实战:从源码编译到浏览器路径优化全解析

本文详细解析了OpenManus本地部署的全过程,从源码编译到浏览器路径优化。涵盖环境准备、源码获取、模型配置、依赖安装等关键步骤,特别针对Windows系统下的chrome.exe路径修改提供了实用解决方案,帮助开发者高效完成部署并优化性能。

weixin_28826545的博客 380

wepy - 一个小程序的组件化开发框架

小程序框架wepy文档 Github地址 快速入门 项目创建与使用 安装wepy 以下安装都通过npm安装 安装 wepy 命令行工具。 npm install wepy-cli -g 在开发目录生成开发DEMO。 wepy new myproject 开发实时编译。 wepy build --watch 项目目录结构 dist ...

weixin_34233421的博客 862

在 Dify 平台部署一个 知识库问答(KBQA) 工作流

加强检索约束,Prompt 加限制(“仅基于知识库回答”):启用缓存,使用轻量级 LLM(如 Mistral-7B)(OpenAI Embedding、M3E、BGE等)(支持 PDF/TXT/Markdown/Word)(GPU/CPU 资源,用于向量数据库和模型推理)企业内部文档(PDF/Word/Excel)网页爬取数据(Markdown/HTML)分块大小(太小→信息碎片化,太大→噪声多)相似度阈值(太高→漏检,太低→噪声多)(是否返回正确文档)结构化数据(数据库/API)

井底小蛙的博客 1520

COMSOL中的动网格

首先我们先了解几个概念 (1)网格重划分(remesh):就是在某些特定的区域进行网格的重新划分,在Maxwell软件中的直线运动区域,当运动物体运动后,这个区域进行重新划分。 (2)morph:网格不重新划分,小范围的进行网格变形,针对运动物体运动位移较小,对变形区域不进行重划分,能够提高效率。 (3)网格滑移(sliding):针对圆形运动区域,运动与非运动区域进行网格滑移,当然边界上两侧网格不共节点,该方法不需要网格重新划分,大部分软件针对圆形运动区域采用该方法,比如maxwell的band,b

midiio的博客 7869

【微信小程序】WePY入门教程

准备工作 一、脚手架的搭建 1、安装wepy脚手架 npm install wepy-cli -g 2、查看wepy版本(出现版本号说明wepy脚手架安装成功) wepy -v 3、如果脚手架为1.70版本以上,可以先查看项目模板 wepy list ...

NAMECZ的博客 2546

国产麒麟系统下用Rider开发C#桌面应用:从环境配置到Avalonia UI实战

本文详细介绍了在国产麒麟系统上使用JetBrains Rider开发C#桌面应用的完整流程,重点讲解了Avalonia UI框架的实战应用。从环境配置、Rider安装到Avalonia项目创建和UI开发技巧,全面覆盖了在非Windows环境下进行C#开发的关键步骤和优化建议,助力开发者高效构建跨平台桌面应用。

weixin_27791839的博客 387

wepy快速入门

Github地址 wepy官网:https://tencent.github.io/wepy/index.html 安装 wepy 命令行工具...

weixin_30352191的博客 488

基于Simulink的光伏-储能-柴油机混合微网仿真

摘要:本文基于Simulink平台构建光伏-储能-柴油机混合微网仿真模型,实现可再生能源与备用电源的协同控制。通过光伏优先、储能调节、柴油机兜底的规则控制策略,在24小时仿真中验证了系统在晴天、阴天和夜间三种典型工况下的运行性能。模型采用PVArray模块模拟光伏发电,Simscape电气库构建储能系统,自定义MATLAB函数实现柴油机启停逻辑和能量管理。仿真结果显示系统功率平衡误差<5%,储能SOC维持在20%-80%,柴油机日均运行时间<4小时,满足设计指标。文章详细说明了建模步骤、参数设置

xiaoheshang_123的博客 68

dolphinscheduler集群服务一键安装启动实现流程剖析

通过以上分析我们基本梳理清楚了整个dolphinscheduler项目的一键安装启动逻辑, 我们现在在通过一张图正好理一下整个实现流程。关于一键停止集群服务及一件查询集群各个角色服务实例运行状态的实现也都在stop-all.sh/status-all.sh及dolphinscheduler-daemon.sh这三个脚本中, 有兴趣自行研究。写这篇文章的核心目的不仅在于给大家分享如何优秀的开源项目的一键安装部署的实现过程。

最爱嫣夜来 1207

WEPY微信小程序开发框架入门

微信小程序开发框架 wepy 入门知识点

码猿的博客 608

北京大学MuMo多模态肿瘤分类模型复现与迁移学习

本项目复现了北京大学MuMo多模态肿瘤分类模型,并针对特定医学影像数据集进行迁移学习。MuMo模型通过整合CT、MRI、PET等多模态医学影像数据,显著提升了肿瘤分类准确性。项目内容包括环境配置(Python 3.8+、PyTorch 1.9+)、数据预处理(DICOM/NIfTI格式处理、强度归一化)、多模态数据集类实现,以及训练验证测试集划分。关键特点是采用MONAI医学影像处理库,实现三维医学影像的标准化预处理流程,并支持多种模态数据的并行加载与联合训练,为后续模型复现和迁移学习奠定基础。

max500600的博客 1241

微信小程序开发框架—wepy快速入门

小程序框架wepy文档Github地址wepy官网:https://tencent.github.io/wepy/index.html项目创建与使用安装wepy以下安装都通过npm安装安装 wepy 命令行工具。npm install wepy-cli -g 在开发目录生成开发DEMO。wepy new myproject 开发实时编译。wepy build --watch 项目目录结构 ...

alan_liuyue的博客 3万+

C# WinForm 基于DirectShow.dll编写的程序,可边预览边保存视频,音频和图片

基于微软的DirectShow.dll的二次开发1.自动识别连接的摄像头跟麦克风且可以对其进行选择(默认选中第一个)2.可录制wmv和avi两种格式的视频并且都带有音频,avi可以录制的分辨率和帧数进行选择,wmv默认进行了淸晰度优化如不喜欢可去除代码中有相关提示3.可在预览点开之后进行拍照,也可边录制视频边拍照4.添加了视频和音频的压缩功能(酌情使用)这次二次开发发现C#对DirectShow的相关信息太少,这次做完也不敢藏私共享出来,还望大家指正

蓝牙模块HM-10手册

蓝牙模块HM-10手册,该手册对蓝牙模块HM-10进行了详细的介绍和使用方法以及一些AT指令。

微信小程序组件化开发框架:WePY 快速入门与实战

微信小程序组件化开发框架:WePY 快速入门与实战 【免费下载链接】wepy 项目地址: https://gitcode.com/gh_mirrors/wep/wepy 项...

gitblog_00222的博客 1049

efm32 入门.pdf

本PDF共计22页,介绍的是操作驱动API,下载与否自己斟酌。

微信小程序组件化开发框架WePY入门

WePY项目的创建与使用 WePY安装的安装或者更新都通过npm进行,需提前安装NPM。 全局安装WePY或更新WePY命令行工具 npm install wepy-cli -g 这个命令需要注意,最开始我采用这个命令安装时不成功,没仔细看转了一圈以为安装成功了呢。如下图 还检查了一圈node的版本,npm的安装版本。 重点来了!! MAC下npm的安装都需要加sudo才可以!如下安装成...

weixin_30537451的博客 199

微信小程序wepy框架入门教程-搭建开发环境(一)

文档 wepy快速指南 小程序框架wepy开发文档 wepy开源 wepy官方文档 1:安装node 端开发框架和环境都是需要 Node.js ,先安装node.js开发环境,WePY借鉴了Vue.js(后文简称Vue)的语法风格和功能特性,vue的运行是要依赖于node的npm的管理工具来实现,下载https://nodejs.org/en/,安装...

祈澈菇凉 1628

wepy资料汇总

前端要学习的东西实在是太多了,要记录的东西也很多,有时候会觉得很累,因为有些技术在目前的开发中基本都用不到,但这些并不是无用之功,如果有一天到真正需要运用到的时候也不至于一概不懂,就像之前公司要开发小程序是一样的道理,若不是提前有所准备,又怎么会在短短周期之内完成任务? 新的一年,继续给自己制定学习计划,在年末的时候,我记得给自己写过一个计划, 2019年大前端学习指南(祈澈姑娘的学习规划)...

前端视听 171

wepy-books 项目教程

wepy-books 项目教程 1. 项目介绍 wepy-books 是一个基于 wepy 框架开发的微信小程序项目,主要用于图书借阅系统。该项目包含了图书展示、分类、搜索、详情查看、购物车、收藏、借阅、个人中心以及智能客服等功能。通过 wepy 框架,开发者可以更高效地进行微信小程序的开发,同时利用 wepy 的特性,如组件化、Mixin、Promise 等,提升开发效率和代码质量。 2. 项目...

gitblog_00064的博客 300

java spring入门小程序_微信小程序组件化开发框架wepy 学习(一)

技术要求1.对微信小程序原生开发文档熟悉2.对前端mvvm有一定的了解3.会nodejs npm 进行前端组件化开发框架特点框架的产生必然是解决开发中的痛点,wepy解决了什么问题? 主要是对原生的开发进行了简化。原生开发中每一个页面要对应四种文件, 而且交互、 数据绑定都十分繁琐 。wepy借鉴了vue的思想 , 实现了组件化,以组件代替模板和模块, 结构更清晰。同时数据的绑定,api都进行了优...

weixin_26861329的博客 155

wepy框架-触摸内容滑动组件使用步骤

文档 wepy快速指南 小程序框架wepy开发文档 wepy开源 wepy官方文档 微信小程序wepy框架资源汇总 1:微信小程序触摸内容滑动解决方案,适用于wepy框架 用命令安装 npm install wepy-com-swiper --save 或者 cnpm install wepy-com-swiper --save 2:...

祈澈菇凉 634

微信小程序组件化开发框架wepy 学习(一)

技术要求 1.对微信小程序原生开发文档熟悉 2.对前端mvvm有一定的了解 3.会nodejs npm 进行前端组件化开发 框架特点 框架的产生必然是解决开发中的痛点,wepy解决了什么问题? 主要是对原生的开发进行了简化。原生开发中每一个页面要对应四种文件, 而且交互、 数据绑定都十分繁琐 。wepy借鉴了vue的思想 , 实现了组件化,以组件代替模板...

weixin_34395205的博客 236

微信小程序优缺点及开发流程

概述 Mini Program,不用安装即可使用的app,微信为入口,好处多多。 小程序作为微信的一个内部产品,始终是服务用户的,把用户体验放到第一位,而不是开发人员。所以,小程序以后肯定会根据用户体验而有很多变动(门槛低,流量大,所以不会担心小程序会减少)。 优点: 随搜随用,用完即走 流量大,易接受 安全 开发门槛低 降低兼容性...

weixin_34348111的博客 3261

微信小程序、多类型资源大全,DNF,LOL等

以上内容非本人整理,此处仅做收藏 UI组件 weui-wxss ★852- 同微信原生视觉体验一致的基础样式库 Wa-UI ★122- 针对微信小程序整合的一套UI库 wx-charts ★105- 微信小程序图表工具 wemark ★85- 微信小程序Markdown渲染库 WeZRender ★36- 微信小程序Canvas增强组件 wetoast ★21- 仿照微信小程序提供的showToast功能 wxapp-charts ★20- 微信小程序图表charts组件 W...

【优快云】 804

微信小程序

微信小程序 准备工作 注册小程序帐号 ① 准备一个微信号(你如果还没有微信号,你out了,你是穿越来的吧) ② 申请小程序账号:https://mp.weixin.qq.com/wxopen/waregister?action=step1 获取开发密钥(appId) 在做项目时需要密钥 公众平台登录小程序->开发->开发设置->AppID(小程序ID) wx1481c0459dc80dab 安装开发工具 开发工具,可以选择自己喜欢的,也可以选择微信工具,下载微信开发工具,微信开发工具可完成

m0_54625720的博客 1656
上一篇: TI CC1352开发入门
下一篇: nrf Connect低功耗蓝牙APP工具的使用
---牧马人---
博客等级 码龄9年 108粉丝 90原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值