当前位置: 首页 > 微信相关

微信小程序开发APP文件入口教程

发布日期:2020-08-12 09:08:33 分类:微信相关 阅读()来源:网络收集

好东西要多分享:

做网站就上魔艺客
摘要:博文适用于有开发经验的人员,当然没有开发经验的,也能从文中获取一些知识要点,介绍小程序APP文件入口

博文主要适用于有开发经验的开发人员,当然没有开发经验的,也能从文中获取一些知识要点。笔者是一枚毫无css经验,毫无js经验的一名app开发者,暂时来说笔者只看过一些css和js的源代码,所以这篇博文也非常适合和笔者类似的开发者参考,一起学习一起进步。

首先,如何成为小程序开发者,随便百度就能搜到官方教程,在此我就不多废话,你可以在这里申请注册,并拿到开发工具->https://mp.weixin.qq.com

开发界面首页如下:

我们用设定好的开发者微信账号扫描登录即可进入正式页面。

在这里我们选择添加新项目,填入我们的AppID新建项目,就会得到一个官方的demo示例,我们主要是以demo示例中的代码进行学习入门。

这个就是我们的开发界面了,它默认打开的是编辑界面,如果我们想要调试东西,可以点击下面的调试页面,调试我们的代码,寻找bug寻找问题就全靠它了。

可以看到,此demo一进来就是获取权限,这个东西肯定能在代码中有所体现。而我们的代码架构就在模拟器的右侧,整个架构一目了然,此demo分为了三部分:pages,utils,app的文件。我们可以根据字面意思来理解每一部分的内容。

pages:顾名思义,是跟我们的界面有关的,所有的页面都在这个文件夹里。

utils:工具文件夹,工具类的方法都在这里面。

app的文件:app前缀的有很多文件,我们之后再说它后缀所属性质,总之,这些文件肯定是app的总入口,至于原因,笔者只能说是经验之谈。

既然知道了入口文件,我们可以依次打开app前缀的文件进行查看(如果看过官方文档更好,因为官方文档里有更详细的说明)。

app.js,一看就是一个js文件,里面的代码如下:

//app.js

App({

onLaunch: function () {

//调用API从本地缓存中获取数据

var logs = wx.getStorageSync('logs') || []

logs.unshift(Date.now())

wx.setStorageSync('logs', logs)

},

getUserInfo:function(cb){

var that = this

if(this.globalData.userInfo){

typeof cb == function && cb(this.globalData.userInfo)

}else{

//调用登录接口

wx.login({

success: function () {

wx.getUserInfo({
success: function(res) {
console(res.userInfo)
}

}

}


推荐阅读:微信小程序线程架构与开发步骤教程 微信小程序开发教程


声明: 文章内容及图片部分全部摘自网络,在此分享供读者参考和借鉴,不代表酷雷的观点。文章、图片等内容如涉嫌侵权,请联系我们删除,谢谢!带有原创标签的属于酷雷原创文章,未经允许不得转载!

标签:

我要说一说

加载中~

相关推荐

您好,很高兴为您服务!
广告合作
投诉建议
联系站长

客服热线:15821432298

扫码加好友,优惠等你来!