2019-07-06 15:33:39 jlq_diligence 阅读数 1115

微信开发者工具集成git,实现多人协调开发,下面就拿GitHub举例,一一说明。

一、在GitHub创建远程仓库。这里忽略,网上很多。

 

二、在微信开发者工具中配置Git,并实现文件上传。

1.点击开发者工具右上角的【版本管理】,初始化本地仓库。

2,点击设置,添加远程仓库信息和网络认证

 

 3.抓取Git仓库,达到和开发者工具配置的远程仓库同步 

点确认后,就会在【远程】中显示所拉取的源代码,即:

4.接下来将本地master提交的东西进行HEAD重置一下,然后工作区就会出现文件了,首先填写这次提交的信息,填写完成推送到远程

 

大功告成,集成完毕。 

2018-11-08 15:23:58 fannie_yang 阅读数 99

1、下载工具

进入微信公众平台:微信公众平台.
由于我已经注册过,所以提供文档参考开发文档api.
刚入门只需要看这几类即可:
在这里插入图片描述
根据文档链接(https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html?t=18110719)下载开发工具,根据电脑配置下载:
在这里插入图片描述
下载后的工具:
在这里插入图片描述
安装后的文件夹:
在这里插入图片描述

2、工具使用

点击exe,进入下图:
在这里插入图片描述
点击小程序项目,进入下图(这里的项目是我之前开发过的):
在这里插入图片描述
在这里插入图片描述

平台自带的获取微信号和获取浏览时间,进入项目即可看到
在这里插入图片描述

具体可参考微信官方文档 工具使用文档.
在这里插入图片描述

3、增删改查

a:使用云开发数据库

注意:具体可参考云开发文档.
1、新建项目选择一个空目录,填入 AppID(使用云开发能力必须填写 AppID),勾选创建 “云开发 QuickStart 项目”
2、进入程序若是出现调用函数失败的错误:在 app.json / game.json 中增加字段 “cloud”: true即可解决
3、进入项目点击上方云开发:在这里插入图片描述
4、配置后进入数据库:
在这里插入图片描述

以查询为例

在这里插入图片描述

b:调用本地springboot接口

以查询为例

springboot接口是另外的项目,此处只是告诉大家如何调用
1、将springboot接口用maven打包成jar文件
在这里插入图片描述
2、待jar启动后,就可以调用啦在这里插入图片描述
3、如果调用时候出现405错误,不要慌,点击右上角的详情,勾选不校验合法参数即可,g

特别提醒:如果有什么不懂的,或者需要demo的,请私信我,有什么不足之处还请大家多多指教,谢谢。

2018-05-06 11:12:10 qq_17470165 阅读数 16476

相关文章

微信小程序开发(二)开发之日历打卡小程序发现页

微信小程序开发(三)入门之创建打卡活动

微信小程序开发(四)入门之打卡功能开发


前言

一直不温不火的微信小程序2018年迎来了第二春,在我的记忆中随着跳一跳小游戏的出现,一时间数千万的微信小程序如雨后春笋般出现在我们的视线里。追着这波大浪潮,笔者所在的公司也开始将有些需求转移到微信小程序上。接下来将以几篇文章将最近的一个日历打卡小程序的开发过程以及遇到的问题和大家做个分享。

(一)微信开发者工具

小程序团队推出了自己的开发工具-微信开发者工具,目前微信开发者工具任然在不断的完善中,在开发小程序时经常要不断的更新。论坛上吐槽的文章也是一大堆,存在很多bug,笔者在开发过程中也是被它坑过。笔者是安卓开发者,习惯于这种可视化的编程,所以没有选择Webstrom或者其他开发工具,接下来将介绍微信开发者工具基本功能



   

  1. 机型选择:小程序以IPhone6的屏幕尺寸为设计标准,让UI小姐姐按照IPhone6屏幕尺寸来切图。
  2. 预览界面:写好视图布局后点击编译,视图界面刷新显示
  3. 远程调试:手机端和PC端开发工具联调(非常实用)
  4. 上传代码:上传到腾讯服务器,提交审核必经步骤。可以填写版本号和备注信息
  5. 5-1:代码体积,微信限制 2M 以内。  5-2:ES语法转换,开发中一般不校验合法域名信息 。5-3:域名信息:小程序后台要做配置服务器域名,有request 域名,socket 域名以及uploadFiledownloadFile域名。注意:域名小程序要求必须是https 
  6. 控制台:打印输出信息,方便调试
  7. 资源文件:对应项目的文件目录,一般可以在这里进行断点调试
  8. 本地数据存储:显示的是本地存储的数据,对应的相关API是wx.setStorageSync(key,data)
  9. 视图调试:标组件以子父层级结构呈现,方便调试。

以上就是在开发过程中微信开发者工具常用到的功能,微信开发者工具也在不断的完善,为了以后更好的提升开发效率,也需要我们在开发过程中将遇到的问题不断的反馈给小程序团队做优化,希望大家抱着包容的心态。开发过程中大家也可以依照自己的习惯选择其他的开发工具。


(二)小程序框架以及目录结构介绍

    

  •  逻辑层

    小程序开发框架的逻辑层由 JavaScript 编写。逻辑层将数据进行处理后发送给视图层,同时接受视图层的事件反馈。逻辑层对应的是js文件,在每个页面的js文件中,系统提供了一系列的方法如:页面生命周期onLoad(),onShow(),onHide(),等,下拉刷新onPullDownRefresh(),页面到底部(上拉加载)onReachBottom()方法,分享功能onShareAppMessage()等。


  • 视图层

    框架的视图层由 wxml  wxss 编写,由组件来进行展示。将逻辑层的数据反应成视图,同时将视图层的事件发送给逻辑层。 wxml 由小程序提供的组件组成,wxss css 样式。

  • app文件

    app.json 
    文件用来对微信小程序进行全局配置,决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。页面的json文件一般用来配置当前页面的窗口表现。app.js 用来提供全局变量,如baseUrl。app.wxss 提供全局的css样式

    {
      "pages": [                    //页面的路径(在此处可快捷创建页面)
        "pages/index/index",
        "pages/logs/index"
      ],
      "window": {                   //视图窗口
        "navigationBarTitleText": "Demo"
      },
      "tabBar": {                   //底部tab
        "list": [{
          "pagePath": "pages/index/index",
          "text": "首页"
        }, {
          "pagePath": "pages/logs/logs",
          "text": "日志"
        }]
      },
      "networkTimeout": {           //设置是否超时
        "request": 10000,
        "downloadFile": 10000
      },
      "debug": true
    }
    
    
  • utils/.json 

    系统提供的工具类,一般编写公共的方法导出方便其他页面调用。

(三)结束语

    本篇文章简单的介绍了微信开发者工具和小程序的框架,微信的开发文档对相关功能的介绍十分的详细。接下来将开始我们的日历打卡小程序开发之旅。


2019-04-17 11:54:39 qq_43793255 阅读数 167

关于微信开发者工具无法输入中文问题

解决方法:

重新启动微信开发者工具即可,亲测有用。(重启电脑效果一样 [手动狗头])

2019-06-02 21:01:55 u014650759 阅读数 145

上一篇文章中https://blog.csdn.net/u014650759/article/details/90701866,我们已经安装好了微信开发者工具,并导入了一个Demo项目,这篇文章,将就开发者工具进行简单的介绍,方便你开发实用编译器,更好的开发小程序。

1.机型选择:小程序以IPhone7的屏幕尺寸为设计标准,让UI以IPhone7屏幕尺寸来切图。
2.预览界面:写好视图布局后点击编译,视图界面刷新显示
3.编译:代码更改后刷新编译。
4.预览界面:查看编译后的效果,仅限于登录开发工具的开发者本人可以扫码并预览,其他人无法扫码预览。
5.真机调试:扫描生成的二维码,真机进行调试。
6.资源文件:对应项目的文件目录,一般可以在这里进行断点调试。
7.数据存储:显示的是本地存储的数据,对应的相关API是wx.setStorageSync(key,data)
8.视图代码:标组件以子父层级结构呈现,方便查看调试。
9.9-1:代码体积,微信限制 2M 以内。  5-2:ES语法转换,开发中一般不校验合法域名信息 。5-3:域名信息:小程序后台要做配置服务器域名,有request 域名,socket 域名以及uploadFile和downloadFile域名。注意:域名小程序要求必须是https
10.项目信息:展示项目所包含的文件,以及进行相关操作
11.代码区域:进行项目下具体文件的代码编辑

接下来,通过上面打开的项目,可以看到小程序框架以及目录结构,下面开始对代码架构目录做简要介绍:app.js、app.json、app.wxss

  1. app.js是小程序的脚本代码。我们可以在这个文件中监听并处理小程序的生命周期函数、声明全局变量,调用框架提供的丰富的 API。例如上面的界面展示了该代码文件中,数据存储操作,跳转登录页面,以及获取用户信息。
  2. ​app.json 是对整个小程序的全局配置。我们可以在这个文件中配置小程序的窗口、背景色,配置导航条样式,配置默认标题,添加新的页面后也要在此文件中添加新页面申明。注意该文件不可添加任何注释。
  3. app.wxss 是整个小程序的公共样式表。我们可以在页面组件的 class 属性上直接使用 app.wxss 中声明的样式规则。其格式和写法,类似于css,不过是css的一个子集,也就是说有些css写法是不支持的。
  4. project.config.json是小程序的工具配置文件,可以做一些个性化配置,例如界面颜色、编译配置等等。在工具上做的任何配置都会写入到这个文件,当重新安装时,只要载入同一个项目的代码包,开发者工具就会自动配置,通常无需修改。
  5. sitemap.json是用来配置小程序及其页面是否允许被微信索引,当开发者允许微信索引时,微信会通过爬虫的形式,为小程序的页面内容建立索引。当用户的搜索词条触发该索引时,小程序的页面将可能展示在搜索结果中,通常无需修改。

这里上面讲解了小程序的项目文件,而小程序的交互是通过页面来进行的,所以同时我们也需要知道,小程序的页面组成,查看page文件夹下的页面文件,可以发现

总结,至此,我们已经大概知道了小程序的开发工具内部区域功能布局,及其项目结构文件介绍。

没有更多推荐了,返回首页