微信小程序开发入门教程(一)_QStack的博客-程序员信息网_微信小程序开发 教程

技术标签: 微信小程序  

背景

作为一个程序猿需要不断的充实自己,不仅要追求知识的深度,也要追求知识的广度,我也一直在这条路上践行,主要学习会让我变得专注,我非常喜欢这样的感觉,学习微信小程序开发也是兴趣使然,希望拿微信小程序做一些小工具。微信平台提供了很多能力,也进行了很多的优化,相较于传统的移动开发需要兼容Android和iOS两大平台,开发周期较长,维护难度大,微信小程序一套代码能够运行于两大平台,而且微信小程序开发效率高,周期短,很多应用会在微信小程序上先试验新的业务和功能,成熟后为了追求更好的性能再原生化。话不多说,还是让我们开启微信小程序的学习之路。

开始

开发小程序的第一步,你需要拥有一个小程序账号,通过这个账号你就可以管理你的小程序。可以通过
小程序注册页面注册自己的微信小程序。

除此之外之外,微信团队还提供了一个管理平台管理小程序,在这个小程序管理平台,你可以管理你的小程序的权限,查看数据报表,发布小程序等操作。小程序的 AppID 相当于小程序平台的一个身份证,后续你会在很多地方要用到 AppID (注意这里要区别于服务号或订阅号的 AppID)。

工欲善其事 必先利其器,微信团队提供了微信小程序的 开发工具
打开小程序开发者工具,用微信扫码登录开发者工具,就可以准备开发小程序了。

Hello World

新建项目选择小程序项目,选择代码存放的硬盘路径,填入刚刚申请到的小程序的 AppID,给你的项目起一个好听的名字,勾选 “不使用云服务” (注意: 你要选择一个空的目录才可以创建项目),点击新建,选择JavaScript模版,就得到了第一个小程序了。点击顶部菜单编译就可以在微信开发者工具中预览你的第一个小程序。

点击顶部菜单编译就可以在微信开发者工具中预览你的第一个小程序。

点击工具上的编译按钮,可以在工具的左侧模拟器界面看到这个小程序的表现,也可以点击预览按钮,通过微信的扫一扫在手机上体验你的第一个小程序。真机调试就可以在手机上调试程序,与此同时还会启动一个调试面板显示页面的实时信息,可以很方便地排查页面问题。

与此同时真机调试还会启动一个调试面板显示页面的实时信息,可以很方便地排查页面问题。

最后

有兴趣或有任何问题可以关注微信公众号QStack,会不定期分享一些文章和学习资源。

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/QStack/article/details/123706638

智能推荐

实操|风控规则的监控与自动化策略生成_番茄风控的博客-程序员信息网_智能风控如何实现规则自动化配置

风险策略分析工作是风险管理的重要工作内容,其工作内容需要涉及风控领域中多个环节及细节内容,包含贷前策略调整、策略分析调优、贷中业务监控、贷后策略调整等模块内容。监控这些风控策略,我们用得最多的就是各种数据监控报表,如以下:​贷前的数据监控为例,最常见的几类监控报表,或多或少大家都应该有接触:①运营渠道监控②产品监控③产品监控-授信页面④风控数据监控⑤风控数据监控⑥人工审核拒绝分布⑦复贷率⑧规则包监控表一.常规化的监控报表贷前的监控报表主要是反馈业务数据情况,包括整体业务流程的产品转

java使用aspose将word,excel,ppt转pdf_咦哟~~~的博客-程序员信息网_aspose-words-16.8.0

1,测试环境springboot,jdk1,8,aspose-cells-8.5.2.jar 用于转换xls,aspose-words-16.8.0-jdk16.jar 用于转换doc2,所用jar,签名百度网盘地址链接:https://pan.baidu.com/s/14zwqI4d5-WweXKki8LyI-A提取码:0kgc3,下载jar加入本地maven仓库控制台执行,命令如下:(将install-file值改成自己存放jar的路径)mvn install:insta...

postgresql学习_sinat_30075299的博客-程序员信息网

安装虚拟机vmvare workstation (v12)centos (v7)镜像地址:https://mirrors.aliyun.com/centos参考博文:https://blog.csdn.net/wujiele/article/details/92803655https://www.cnblogs.com/eric88/articles/10639924.html安装postgresql参考博文:https://www.cnblogs.com/zll-0405/p/125341

解决springcloud oauth2 401问题 外加源码解析_孔明兴汉的博客-程序员信息网_oauth2 full authentication is required to access t

我在整合oauth2的时候遇到了401问题(在获取access_token的时候)当时传递的参数是这样的,后来报401错误,提示信息Full authentication is required to access this resource后来发现是oauth2内部机制决定的 里面有两种选择,org.springframework.security.oauth2.config...

2018浙江第十五届ACM省赛题解(待补完)_Feynman1999的博客-程序员信息网_浙江18届acmf题

题目链接 http://acm.zju.edu.cn/onlinejudge/showContestProblems.do?contestId=378没有solution的题目待补A暴力无技巧#include<bits/stdc++.h>using namespace std;typedef long long ll;int debug_num=0;...

Tomcat成功部署发布启动项目后页面显示404问题的解决方法_王锴KKKKKKyle的博客-程序员信息网_tomcat发布后始终是404

eclipse中,tomcat项目默认是部署在eclipse的worksapce文件夹中的\.metadata\.plugins\org.eclipse.wst.server.core目录下,这种默认配置可能会导致项目明明成功部署发布启动而页面却报404的错误。解决方案:一、删除掉Tomcat下部署的项目。二、重新配置Tomcat,配置方式如下:Eclipse中To

随便推点

python3.6.6安装插件,20180831-Linux环境下Python 3.6.6 的安装说明_薛定谔也爱猫咪的博客-程序员信息网

20180831-Linux环境下Python 3.6.6 的安装说明摘要:Python3 安装部署,普通用户,编译安装Author: [email protected]: 20180831关键字:python,python3,ssl,安装,pip1. openssl的下载与安装python 3若无或未指定openssl,则会报错“pip is configured with locati...

HDU 刷题路线_D_pearl的博客-程序员信息网_hdu刷题

实验室的师兄编程都很牛逼,我这个小菜鸟私下跟他们讨教了怎样变成牛逼的绝招,“练练练,写写写”这是他们给我的回答。尽管平时他们做项目很忙,但总是会抽出时间刷刷ACM。现在也感觉自己反应速度和算法能力有些欠缺,所以给自己制定了一个训练计划,坚持下去,让自己这个小菜鸟也能飞得高一点。这个训练计划参考了网上的一些资料,训练就是为了不仅为了提高自己的算法能力,动手能力,更是为了提高自学能力。根据师兄的建...

【联盛德W806上手笔记】五、TIM定时器_乙酸氧铍的博客-程序员信息网

目录定时器库函数函数参数宏Demo中的测试程序main.cwm_hal_msp.cwm_it.c实验现象Windows 10 20H2HLK-W806-V1.0-KITWM_SDK_W806_v0.6.0       摘自《W806 芯片设计指导书 V1.0》、《W806 MCU 芯片规格书 V2.0》定时器       微秒与毫秒计时(据时钟频率配置计数

使用Redis+cookie实现简单的单点登录(SSO)_Violetys的博客-程序员信息网_使用cookie + redis 实现 单点登录

使用Redis+cookie实现简单的单点登录首先说下cookie,cookie保存在客户端的浏览器中,浏览器接收cookie之后,会进行io操作存放到本地的某个文件夹中。所以可以考虑使用服务器返回的token作为value存在客户端,在客户端下次访问时检查cookie,并把cookie名匹配的value值返回给服务器,服务器在redis中检查是否有该token,并返回序列化的实例数据,toke...

Android singleTop的应用_白了少年头的博客-程序员信息网

最近做的应用,碰到了一个Activity跳转的问题,大概就是A->B->C->D,最后从D跳转到A,然后在A中按返回键要返回A之前的Activity,于是我首先想到将A的launchMode设置为singleTask。这样设置之后,确实达到了效果,但是在A中按返回键,返回到之前的Activity无法回调onActivityResult方法了,因为A之前的Activity要做一些刷新操作,所以这样设

Android Studio常用代码检测工具_shusuanly的博客-程序员信息网_androidstudio代码检测工具

Android Studio常用代码检测工具一、Android LintAndroid Lint 已经被集成进AS,只需点击菜单-》Analyze-》Inspect Code 即可运行 Android Lint,在弹出的对话框中可以设置执行 Lint 的范围。二、Alibaba Java Coding GuidelinesAlibaba Java Coding Guidelines是一款阿里巴巴基于Java规范开发的AndroidStudio插件。在Android Studio中点击左上角Fil

推荐文章

热门文章

相关标签